Radial 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
Center	layers/shape.json -> “ef” -> shapes/gFill.json -> “s”
Radius	layers/shape.json -> “ef” -> shapes/gFill.json -> “e”
Loop	Not supported
Zigzag	Not supported

Important points

• Since the lottie format requires both Gradient start point and Gradient end point, Center parameter is used as the gradient start point and for the gradient end point, I have used the radius and added it to the x-axis component of the center paramter to get the x-axis component and used the y-axis component from center parameter for the y-axis component. Therefore, the expression for gradient end point is (start[0] + radius, start[1]).

• Since, only gradient fill is supported in Lottie and not gradient ramp, to create the Radial 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.