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 inWeb Workers.
TheCanvasGradient interface represents anopaque object describing a gradient. It is returned by the methodsCanvasRenderingContext2D.createLinearGradient(),CanvasRenderingContext2D.createConicGradient() orCanvasRenderingContext2D.createRadialGradient().
It can be used as afillStyle orstrokeStyle.
Instance properties
As an opaque object, there is no exposed property.
Instance methods
CanvasGradient.addColorStop()Adds a new stop, defined by an
offsetand acolor, to the gradient.
Specifications
| Specification |
|---|
| HTML # canvasgradient |
Browser compatibility
See also
- Creator methods in
CanvasRenderingContext2D. - The
<canvas>element and its associated interface,HTMLCanvasElement.