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
.
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
.
As an opaque object, this has no exposed property.
There are no inherited method.
CanvasPattern.setTransform()
Applies an SVGMatrix
or DOMMatrix
representing a linear transform to the pattern.
Specification |
---|
HTML Standard # canvaspattern |
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
CanvasPattern |
1
|
12
|
1.5
|
9
|
9
|
≤4
|
≤37
|
18
|
4
|
10.1
|
1
|
1.0
|
setTransform |
68
|
79
|
33
|
No
|
9
|
11.1
|
68
|
68
|
33
|
10.1
|
11.3
|
10.0
|
CanvasRenderingContext2D.createPattern()
<canvas>
element and its associated interface, HTMLCanvasElement
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CanvasPattern