Enumerations

Blend Mode

Layer and shape blend mode

Renderers MUST ensure each blend mode is consistent with the equivalent CSS blend mode as defined by the W3C Compositing and Blending Level 1 recommendation.

Value Name CSS
0 Normal normal
1 Multiply multiply
2 Screen screen
3 Overlay overlay
4 Darken darken
5 Lighten lighten
6 Color Dodge color-dodge
7 Color Burn color-burn
8 Hard Light hard-light
9 Soft Light soft-light
10 Difference difference
11 Exclusion exclusion
12 Hue hue
13 Saturation saturation
14 Color color
15 Luminosity luminosity

In the following example you can change the blend mode of the top layer

Example

50

Fill Rule

Rule used to handle multiple shapes rendered with the same fill object

Value Name Description
1 Non Zero Everything is colored (You can think of this as an OR)
2 Even Odd Colored based on intersections and path direction, can be used to create "holes"

Example

Trim Multiple Shapes

How to handle multiple shapes in trim path

Value Name Description
1 Parallel All shapes apply the trim at the same time
2 Sequential Shapes are considered as a continuous sequence

Shape Direction

Drawing direction of the shape curve, useful for trim path

Value Name Description
1 Normal Usually clockwise
3 Reversed Usually counter clockwise

Star Type

Whether a PolyStar is a star or a polygon

Value Name
1 Star
2 Polygon

Example

Line Cap

Style at the end of a stoked line

Value Name
1 Butt
2 Round
3 Square

Example

Line Join

Style at a sharp corner of a stoked line

Value Name
1 Miter
2 Round
3 Bevel

Example

3

Mask Mode

Describes how a mask interacts (blends) with the preceding masks in the stack.

Value Name Description
'n' None The mask is ignored.
'a' Add Mask coverage is added (Normal blending).
's' Subtract Mask coverage is subtracted (Subtract blending).
'i' Intersect Mask coverage is intersected (Source-In blending).

Example

100
100

Stroke Dash Type

Type of a dash item in a stroked line

Value Name
'd' Dash
'g' Gap
'o' Offset

Matte Mode

How a layer should mask another layer

The value for Luma is calculated according to Rec.709 standard:

Y=0.2126R+0.7152G+0.0722B
Value Name Description
0 Normal The layer is not used as a track matte
1 Alpha The masked layer opacity is modulated by the track matte layer opacity
2 Inverted Alpha The masked layer opacity is modulated by the inverted track matte layer opacity
3 Luma The masked layer opacity is modulated by the track matte layer luminance
4 Inverted Luma The masked layer opacity is modulated by the inverted track matte layer luminance

Example

Gradient Type

Whether a Gradient is a linear, radial, or conic.

Value Name Description
1 Linear Colors transition in a single linear direction.
2 Radial Colors transition outward from a center point.
3 Conic Colors radiate clockwise around a center point.

Example

Property Type

Optional type identifier for animatable properties, allowing parsers to determine the value type without full schema awareness.

Value Name Description
's' Scalar Single numeric value (e.g., opacity, rotation angle).
'v' Vector Array of numbers with variable length.
'v2' Position 2D vector representing a position in space.
'c' Color RGB or RGBA color value.
'b' Bezier Cubic bezier path shape.
'g' Gradient Gradient color stops.

For examples of each property type, see the Property types section.