{{APIRef("Canvas")}}
The CanvasPattern
interface represents an opaque object describing a pattern, based on a image, a canvas or a video, created by the {{domxref("CanvasRenderingContext2D.createPattern()")}} method.
Properties
Representing an opaque object, there is no exposed property.
Methods
There is no inherited method.
- {{domxref("CanvasPattern.setTransform()")}} {{experimental_inline}}
- Applies an {{domxref("SVGMatrix")}} representing a linear transform to the pattern.
Specifications
Specification | Status | Comment |
---|---|---|
{{SpecName('HTML WHATWG', "the-canvas-element.html#canvaspattern", "CanvasPattern")}} | {{Spec2('HTML WHATWG')}} | Added setTransform() method. |
{{SpecName('HTML Canvas 2D Context W3C', '#canvaspattern', 'CanvasPattern')}} | {{Spec2('HTML Canvas 2D Context W3C')}} | Initial definition. |
Browser compatibility
{{CompatibilityTable}}
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | 4.0 | {{CompatGeckoDesktop("1.9.2")}} | 9.0 | 9.0 | 3.1 |
setTransform() {{experimental_inline}} |
{{CompatNo}} | {{CompatGeckoDesktop("33")}} | {{CompatUnknown}} | {{CompatNo}} | {{CompatUnknown}} |
Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | 2.1 | {{CompatGeckoMobile("1.9.2")}} | {{CompatUnknown}} | 10.0 | 3.2 |
setTransform() {{experimental_inline}} |
{{CompatUnknown}} | {{CompatGeckoMobile("33")}} | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatUnknown}} |
See also
- {{domxref("CanvasRenderingContext2D.createPattern()")}}
- The {{HTMLElement("canvas")}} element and its associated interface, {{domxref("HTMLCanvasElement")}}