TheWebGLRenderingContext.canvas property is a read-onlyreference to theHTMLCanvasElement orOffscreenCanvasobject that is associated with the context. It might benull if it is notassociated with a<canvas> element or anOffscreenCanvasobject.

Value

Either aHTMLCanvasElement orOffscreenCanvas object ornull.

Examples

Canvas element

Given this<canvas> element:

<canvas></canvas>

You can get back a reference to it from theWebGLRenderingContext usingthecanvas property:

const canvas = document.getElementById("canvas");const gl = canvas.getContext("webgl");gl.canvas; // HTMLCanvasElement

Offscreen canvas

Example using the experimentalOffscreenCanvas object.

const offscreen = new OffscreenCanvas(256, 256);const gl = offscreen.getContext("webgl");gl.canvas; // OffscreenCanvas

Specifications

Browser compatibility

See also

• CanvasRenderingContext2D.canvas
• TheOffscreenCanvas interface