WebGLRenderingContext: canvas-Eigenschaft

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Hinweis: Diese Funktion ist in Web Workers verfügbar.

Die WebGLRenderingContext.canvas-Eigenschaft ist ein schreibgeschützter Verweis auf das HTMLCanvasElement oder OffscreenCanvas, das mit dem Kontext assoziiert ist. Sie kann null sein, wenn sie nicht mit einem <canvas>-Element oder einem OffscreenCanvas assoziiert ist.

Syntax

js
gl.canvas

Rückgabewert

Entweder ein HTMLCanvasElement oder OffscreenCanvas-Objekt oder null.

Beispiele

Canvas-Element

Gegeben ist dieses <canvas>-Element:

html
<canvas id="canvas"></canvas>

Sie können über die canvas-Eigenschaft des WebGLRenderingContext darauf zugreifen:

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

Offscreen-Canvas

Ein Beispiel mit dem experimentellen OffscreenCanvas-Objekt.

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

Spezifikationen

Specification
WebGL Specification
# DOM-WebGLRenderingContext-canvas

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch