fillString|Object

Defines the fill options of the path.

fill.colorString

Defines the fill color of the path.

fill.opacityNumber(default: 1)

Defines the fill opacity of the path.

fill.gradientObject

Defines the gradient fill of the path.

fill.gradient.typeString(default: "linear")

The type of the gradient. Supported values are:

  • linear
  • radial

fill.gradient.centerArray

The center of the radial gradient.

Coordinates are relative to the shape bounding box. For example [0, 0] is top left and [1, 1] is bottom right.

fill.gradient.radiusNumber(default: 1)

The radius of the radial gradient relative to the shape bounding box.

fill.gradient.startArray

The start point of the linear gradient.

Coordinates are relative to the shape bounding box. For example [0, 0] is top left and [1, 1] is bottom right.

fill.gradient.endArray

The end point of the linear gradient.

Coordinates are relative to the shape bounding box. For example [0, 0] is top left and [1, 1] is bottom right.

fill.gradient.stopsArray

The array of gradient color stops.

fill.gradient.stops.offsetNumber

The stop offset from the start of the element. Ranges from 0 (start of gradient) to 1 (end of gradient).

fill.gradient.stops.colorString

The color in any of the following formats.

| Format | Description | --- | --- | --- | red | Basic or Extended CSS Color name | #ff0000 | Hex RGB value | rgb(255, 0, 0) | RGB value

Specifying 'none', 'transparent' or '' (empty string) will clear the fill.

fill.gradient.stops.opacityNumber

The fill opacity. Ranges from 0 (completely transparent) to 1 (completely opaque).