Edit in GitHubLog an issue

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

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

setCenterPoint()#

setCenterPoint(cx, cy)

Method for setting the gradient center.

Kind: instance method of RadialGradient

type#

type: string

String representing the type of the gradient, in this case radial gradient.

Kind: instance property of RadialGradient

Was this helpful?
Copyright © 2021 Adobe. All rights reserved.