Skip to content

Interface: RadialGradientFillProps ​

Properties ​

center? ​

optional center?: object

Focus point of the radial gradient as percentages of the fill box, where { x: 50, y: 50 } (the default) centers it. Lower/higher values push the bright center toward an edge.

x ​

x: number

y ​

y: number

Default ​

ts
{ x: 50, y: 50 }

kind ​

kind: "radial"

Gradient type. A circular gradient radiating from a focus point: the stop at position: 0 sits at the center and later stops fan outward to the edges.


rotateWithShape? ​

optional rotateWithShape?: boolean

Whether the fill rotates with the shape.

Default ​

ts
true

stops ​

stops: GradientStopProps[]

Gradient stops. Stops are serialized in ascending position order; the first (position: 0) is the center color.