Linear Gradient Layer
Property |
Path to Property in lottie |
---|---|
Z depth |
Depends on ordering of layers in lottie format |
Amount |
layers/shape.json -> “ef” -> shapes/gFill.json -> effects/opacity.json |
Blend_method |
Partially supported |
Gradient |
layers/shape.json -> “ef” -> shapes/gfill.json |
p1 |
layers/shape.json -> “ef” -> shapes/gFill.json -> “s” |
p2 |
layers/shape.json -> “ef” -> shapes/gFill.json -> “e” |
Loop |
Not supported |
Zigzag |
Not supported |
Important points
p1 and p2 parameters are used to calculate the gradient start point -> “s” and the gradient end point -> “e” respectively.
Since, only gradient fill is supported in Lottie and not gradient ramp, to create the Linear Gradient layer, I introduced two parameters point1 and point2 which are used to create a rectangle layer first which fills the whole canvas in which gradient fill is used.