RadialGradient

Kind: class Since: XD 42

In a radial gradient, colors blend smoothly in a radius around a center point. The gradient fills the entire area of the shape it is applied to.

new RadialGradient()

▸ new RadialGradient(): RadialGradient

Create a new RadialGradient instance.

clone()

▸ clone(): RadialGradient

Returns a copy of this instance.

Kind: instance method of RadialGradient

colorStops

▸ colorStops: Array<{stop:number, color:Color}>

Array of objects representing each color and its position along the gradient line. The position (stop value) is a number 0.0 - 1.0.

Example

let gradient = new RadialGradient();
gradient.colorStops = [{ stop: 0, color: new Color("Red") },
    { stop: 1, color: new Color("Blue") }];
selection.items[0].fill = gradient;
Copied to your clipboard
1let gradient = new RadialGradient();
2gradient.colorStops = [{ stop: 0, color: new Color("Red") },
3    { stop: 1, color: new Color("Blue") }];
4selection.items[0].fill = gradient;

Kind: instance property of RadialGradient

endR

▸ endR: number

Number representing the gradient radius. The value is multiple of the object's bounding box with condition 0 ≤ endR.

Kind: instance property of RadialGradient

getCenterPoint()

▸ getCenterPoint(): {x:number, y:number}

Returns a point (cx, cy) representing the gradient center. The values are multiple of the object's bounding box: 0 ≤ cx, cy ≤ 1 to position the gradient inside the object's bounding box, or the values may be < 0 or > 1 for a gradient outside the object's bounding box.

Kind: instance method of RadialGradient