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
DOMMatrix
representing a linear transform to the pattern.
Specifications
Specification |
---|
HTML # canvaspattern |
Browser compatibility
Report problems with this compatibility data on GitHubdesktop | 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