Interface: LinearGradientOptions

Defined in: node_modules/pixi.js/lib/scene/graphics/shared/fill/FillGradient.d.ts:52

Options specific to linear gradients. A linear gradient creates a smooth transition between colors along a straight line defined by start and end points.

Standard

Extends

• BaseGradientOptions

Properties

colorStops?

> optional colorStops?: object[]

Defined in: node_modules/pixi.js/lib/scene/graphics/shared/fill/FillGradient.d.ts:26

Array of colors stops to use in the gradient

color

> color: ColorSource

offset

> offset: number

Inherited from

BaseGradientOptions.colorStops

end?

> optional end?: PointData

Defined in: node_modules/pixi.js/lib/scene/graphics/shared/fill/FillGradient.d.ts:68

The end point of the gradient. This point defines where the gradient ends. It is represented as a PointData object containing x and y coordinates. The coordinates are in local space by default (0-1), but can be in global space if specified.

start?

> optional start?: PointData

Defined in: node_modules/pixi.js/lib/scene/graphics/shared/fill/FillGradient.d.ts:61

The start point of the gradient. This point defines where the gradient begins. It is represented as a PointData object containing x and y coordinates. The coordinates are in local space by default (0-1), but can be in global space if specified.

textureSize?

> optional textureSize?: number

Defined in: node_modules/pixi.js/lib/scene/graphics/shared/fill/FillGradient.d.ts:38

The size of the texture to use for the gradient - this is for advanced usage. The texture size does not need to match the size of the object being drawn. Due to GPU interpolation, gradient textures can be relatively small! Consider using a larger texture size if your gradient has a lot of very tight color steps

Inherited from

BaseGradientOptions.textureSize

textureSpace?

> optional textureSpace?: TextureSpace

Defined in: node_modules/pixi.js/lib/scene/graphics/shared/fill/FillGradient.d.ts:31

Whether coordinates are 'global' or 'local'

Inherited from

BaseGradientOptions.textureSpace

type?

> optional type?: "linear"

Defined in: node_modules/pixi.js/lib/scene/graphics/shared/fill/FillGradient.d.ts:54

The type of gradient. Must be 'linear' for linear gradients.

Overrides

BaseGradientOptions.type

wrapMode?

> optional wrapMode?: WRAP_MODE

Defined in: node_modules/pixi.js/lib/scene/graphics/shared/fill/FillGradient.d.ts:44

The wrap mode of the gradient. This can be 'clamp-to-edge' or 'repeat'.

Default

'clamp-to-edge'

Inherited from

BaseGradientOptions.wrapMode