https://dispatch3.com/tags/layer-styling/Recent content in Layer Styling on Dispatch3 Inc.Hugo -- gohugo.ioen-usFri, 01 Jul 2016 09:00:00 -0400https://dispatch3.com/posts/spinel_knockout_groups/Fri, 01 Jul 2016 09:00:00 -0400https://dispatch3.com/posts/spinel_knockout_groups/Spinel Effect Scripts implement group and layer effects using short sequences of styling operators. This post will focus on the knockout group operator. A knockout group takes a collection of layers and accumulates layer color contributions from front to back proportional to subpixel coverage. When the frontmost layer completely covers a pixel then its color contribution will “knockout” any contribution from a lower layer. If the frontmost layer only partially covers a pixel then the layer’s color contribution is proportional to coverage and lower layers can contribute color proportional to the pixel’s remaining uncovered area.https://dispatch3.com/posts/spinel_soft_masks/Wed, 29 Jun 2016 09:00:00 -0400https://dispatch3.com/posts/spinel_soft_masks/Spinel’s Styling API is used to declare how layers are rendered. Group and layer effects are driven by short sequences of styling operators. Spinel Effect Scripts are executed near the end of the Spinel pipeline and can be altered as often as required. This post will focus on the soft mask coverage operator. Soft masks are clipping masks with subpixel precision and represent the accumulated coverage of one or more layers or groups of transformed vector paths.https://dispatch3.com/posts/spinel_gradients/Mon, 27 Jun 2016 09:00:00 -0400https://dispatch3.com/posts/spinel_gradients/Spinel’s Styling API is used to declare how layers are rendered. The API supports a rich set of operators for defining richly rendered hierarchical compositions of layers. These operators include: solid color fills gradient color fills blending modes soft masks coverage operations isolation groups knockout groups Most of the previous posts on the blog have focused on the rendering quality and performance of SVG 1.1 artwork. The majority of the examples in the posts used solid color fills and the Porter-Duff OVER operator.