WebGLRenderingContext：canvas 属性

基线 广泛可用

此功能已建立良好，并在许多设备和浏览器版本中运行。 它自 2015 年 7 月.

报告反馈

语法

js
gl.canvas

返回值

一个 HTMLCanvasElement 或 OffscreenCanvas 对象，或者 null。

示例

画布元素

给定此 <canvas> 元素

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

你可以使用 canvas 属性从 WebGLRenderingContext 获取对它的引用

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

画布元素

使用实验性的 OffscreenCanvas 对象的示例。

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

规范

规范
WebGL 规范
# DOM-WebGLRenderingContext-canvas

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参见