Pixi’VNInterface: RadialGradientOptions
Defined in: node_modules/pixi.js/lib/scene/graphics/shared/fill/FillGradient.d.ts:77
Options specific to radial gradients. A radial gradient creates a smooth transition between colors that radiates outward in a circular pattern. The gradient is defined by inner and outer circles, each with their own radius.
Standard
Extends
Properties
center?
> optional center?: PointData
Defined in: node_modules/pixi.js/lib/scene/graphics/shared/fill/FillGradient.d.ts:81
The center point of the inner circle where the gradient begins. In local coordinates by default (0-1).
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
innerRadius?
> optional innerRadius?: number
Defined in: node_modules/pixi.js/lib/scene/graphics/shared/fill/FillGradient.d.ts:83
The radius of the inner circle where the gradient begins.
outerCenter?
> optional outerCenter?: PointData
Defined in: node_modules/pixi.js/lib/scene/graphics/shared/fill/FillGradient.d.ts:85
The center point of the outer circle where the gradient ends. In local coordinates by default (0-1).
outerRadius?
> optional outerRadius?: number
Defined in: node_modules/pixi.js/lib/scene/graphics/shared/fill/FillGradient.d.ts:87
The radius of the outer circle where the gradient ends.
rotation?
> optional rotation?: number
Defined in: node_modules/pixi.js/lib/scene/graphics/shared/fill/FillGradient.d.ts:97
The rotation of the gradient in radians, useful for making the gradient elliptical. NOTE: Only applied to radial gradients used with Graphics.
scale?
> optional scale?: number
Defined in: node_modules/pixi.js/lib/scene/graphics/shared/fill/FillGradient.d.ts:92
The y scale of the gradient, use this to make the gradient elliptical. NOTE: Only applied to radial gradients used with Graphics.
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?: "radial"
Defined in: node_modules/pixi.js/lib/scene/graphics/shared/fill/FillGradient.d.ts:79
The type of gradient. Must be 'radial' for radial gradients.
Overrides
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'