CanvasPattern

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.

Properties

As an opaque object, this has no exposed property.

There are no inherited method.

CanvasPattern.setTransform(): 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.

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Edge Mobile	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
Basic support	Chrome Full support 4	Edge ?	Firefox Full support 3.6	IE Full support 9	Opera Full support 9	Safari Full support 3.1	WebView Android ?	Chrome Android Full support 18	Edge Mobile ?	Firefox Android Full support 4	Opera Android Full support 10.0	Safari iOS Full support 3.2	Samsung Internet Android Full support Yes
`setTransform` ExperimentalNon-standard	Chrome No support No	Edge ?	Firefox Full support 33	IE ?	Opera Full support 9	Safari Full support 3.1	WebView Android ?	Chrome Android ?	Edge Mobile ?	Firefox Android Full support 33	Opera Android ?	Safari iOS ?	Samsung Internet Android No support No

Full support: Full support
No support: No support
Compatibility unknown: Compatibility unknown
Experimental. Expect behavior to change in the future.: Experimental. Expect behavior to change in the future.
Non-standard. Expect poor cross-browser support.: Non-standard. Expect poor cross-browser support.