GPUCanvasContext: canvas property

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.

Note: This feature is available in Web Workers.

The canvas read-only property of the GPUCanvasContext interface returns a reference to the canvas that the context was created from.

Value

An HTMLCanvasElement or OffscreenCanvas object instance.

Examples

js
const canvas = document.querySelector("#gpuCanvas");
const context = canvas.getContext("webgpu");

// returns an HTMLCanvasElement reference
context.canvas;

Specifications

Specification
WebGPU
# dom-gpucanvascontext-canvas

Browser compatibility

Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
Deno
canvas
Experimental

See also