Skip to main content
Represents a gradient used for filling or stroking a shape. A gradient is defined by a set of color stops (GradientStop) and either a linear or radial configuration.

​
Constructors

​
linear

Creates a linear gradient that transitions between the specified color stops along the line from ‘from’ to ‘to’. 
local g = Gradient.linear(Vector.xy(0, 0), Vector.xy(100, 0), {
  { position = 0, color = Color.rgb(255, 0, 0) },
  { position = 1, color = Color.rgb(0, 0, 255) },
})

​
radial

Creates a radial gradient centered at ‘from’, extending outward to the given radius, using the specified color stops. 
local g = Gradient.radial(Vector.xy(50, 50), 40, {
  { position = 0, color = Color.white },
  { position = 1, color = Color.black },
})