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 das OffscreenCanvas Objekt, das mit dem Kontext verbunden ist. Sie kann null sein, wenn sie nicht mit einem <canvas>-Element oder einem OffscreenCanvas Objekt verbunden ist.

Wert

Entweder ein HTMLCanvasElement oder OffscreenCanvas Objekt oder null.

Beispiele

Canvas-Element

Gegeben sei dieses <canvas>-Element:

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

Sie können über die canvas-Eigenschaft eine Referenz darauf aus dem WebGLRenderingContext zurückerhalten:

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

Offscreen-Canvas

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

Siehe auch