CanvasRenderingContext2D.canvas
The CanvasRenderingContext2D.canvas property, part of the Canvas API, is a read-only reference to the HTMLCanvasElement object that is associated with a given context. It might be null if there is no associated <canvas> element.
Syntax
ctx.canvas;
Examples
Given this <canvas> element:
<canvas id="canvas"></canvas>
... you can get a reference to the canvas element within the CanvasRenderingContext2D by using the canvas property:
var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d'); ctx.canvas // HTMLCanvasElement
Specifications
| Specification |
|---|
| HTML Standard (HTML) # dom-context-2d-canvas-dev |
Browser compatibility
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
canvas |
1 |
12 |
1.5 |
9 |
≤12.1 |
3 |
1 |
18 |
4 |
≤12.1 |
1 |
1.0 |
See also
-
CanvasRenderingContext2Dinterface - Canvas API
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/canvas