MDN wants to learn about developers like you:

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.


Representing 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 ?
setTransform ? ? ?33 ? ? ?

See also

Document Tags and Contributors

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