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.

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

Last updated by: jpmedley,