CanvasPattern
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 CanvasPattern interface represents an opaque object describing a pattern, based on an image, a canvas, or a video, created by the CanvasRenderingContext2D.createPattern() method.
It can be used as a fillStyle or strokeStyle.
Instance properties
As an opaque object, this has no exposed property.
Instance methods
There are no inherited method.
CanvasPattern.setTransform()-
Applies a
DOMMatrixrepresenting a linear transform to the pattern.
Specifications
| Specification |
|---|
| HTML # canvaspattern |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
CanvasPattern | ||||||||||||
setTransform | ||||||||||||
Accepts a DOMMatrix2DInit-like object parameter | ||||||||||||
See also
CanvasRenderingContext2D.createPattern()- The
<canvas>element and its associated interface,HTMLCanvasElement