CanvasGradient
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Note: This feature is available in Web Workers.
The CanvasGradient
interface represents an opaque object describing a gradient. It is returned by the methods CanvasRenderingContext2D.createLinearGradient()
, CanvasRenderingContext2D.createConicGradient()
oder CanvasRenderingContext2D.createRadialGradient()
.
It can be used as a fillStyle
oder strokeStyle
.
Instance properties
As an opaque object, there is no exposed property.
Instance methods
CanvasGradient.addColorStop()
-
Adds a new stop, defined by an
offset
and acolor
, to the gradient.
Specifications
Specification |
---|
HTML Standard # canvasgradient |
Browser compatibility
BCD tables only load in the browser
See also
- Creator methods in
CanvasRenderingContext2D
. - The
<canvas>
element and its associated interface,HTMLCanvasElement
.