WebGLRenderingContext.canvas
The WebGLRenderingContext.canvas property is a read-only
reference to the HTMLCanvasElement or OffscreenCanvas
object that is associated with the context. It might be null if it is not
associated with a <canvas> element or an OffscreenCanvas
object.
Syntax
gl.canvas;
Return value
Either a HTMLCanvasElement or OffscreenCanvas object or
null.
Examples
Canvas element
Given this <canvas> element:
<canvas id="canvas"></canvas>
You can get back a reference to it from the WebGLRenderingContext using
the canvas property:
var canvas = document.getElementById('canvas');
var gl = canvas.getContext('webgl');
gl.canvas; // HTMLCanvasElement
Offscreen canvas
Example using the experimental OffscreenCanvas object.
var offscreen = new OffscreenCanvas(256, 256);
var gl = offscreen.getContext('webgl');
gl.canvas; // OffscreenCanvas
Specifications
| Specification |
|---|
| WebGL Specification # DOM-WebGLRenderingContext-canvas |
Browser compatibility
BCD tables only load in the browser