WebGLRenderingContext: canvas 屬性

Baseline 已廣泛支援

此特性已相當成熟，可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來，各瀏覽器均已提供此特性。

注意：此功能在 Web Workers 中可用。

WebGLRenderingContext.canvas 屬性是一個只讀引用，指向與該上下文關聯的 HTMLCanvasElement 或 OffscreenCanvas 物件。如果它未與 <canvas> 元素或 OffscreenCanvas 物件關聯，則可能為 null。

值

給定此 <canvas> 元素

html

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

您可以使用 canvas 屬性從 WebGLRenderingContext 中獲取對它的引用。

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

使用實驗性的 OffscreenCanvas 物件進行示例。

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

規範
WebGL 規範 # DOM-WebGLRenderingContext-canvas

此頁面最後修改於 ⁨2025年7月1日⁩，由 MDN 貢獻者編輯。