PixiJS

Interface: RadialGradientOptions

RadialGradientOptions

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.

Properties:
Name Type Description
center PointData

The center point of the inner circle where the gradient begins. In local coordinates by default (0-1).
innerRadius number

The radius of the inner circle where the gradient begins.
outerCenter PointData

The center point of the outer circle where the gradient ends. In local coordinates by default (0-1).
outerRadius number

The radius of the outer circle where the gradient ends.
rotation number

The rotation of the gradient in radians, useful for making the gradient elliptical. NOTE: Only applied to radial gradients used with Graphics.
scale number

The y scale of the gradient, use this to make the gradient elliptical. NOTE: Only applied to radial gradients used with Graphics.
type "radial"

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

Extends

Members

center PointData

The center point of the inner circle where the gradient begins. In local coordinates by default (0-1).

innerRadius number

The radius of the inner circle where the gradient begins.

outerCenter PointData

The center point of the outer circle where the gradient ends. In local coordinates by default (0-1).

outerRadius number

The radius of the outer circle where the gradient ends.

rotation number

The rotation of the gradient in radians, useful for making the gradient elliptical. NOTE: Only applied to radial gradients used with Graphics.

scale number

The y scale of the gradient, use this to make the gradient elliptical. NOTE: Only applied to radial gradients used with Graphics.

type "radial"

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