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
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
See also
CanvasRenderingContext2D.createPattern()- The
<canvas>element and its associated interface,HTMLCanvasElement