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, there is no exposed property.


There is no inherited method.

Applies an SVGMatrix representing a linear transform to the pattern.


Specification Status Comment
HTML Living Standard
The definition of 'CanvasPattern' in that specification.
Living Standard Added setTransform() method in v5.

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support4 ?3.6993.1
setTransform No ?33 ?93.1
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support ?2.1 ?410.03.2 Yes
setTransform ? ? ?33 ? ? No

See also

Document Tags and Contributors

Contributors to this page: 1j01, fscholz, Acorath, teoli, tschneidereit, kscarfone, ethertank, Sheppy, Brettz9
Last updated by: 1j01,