WebGLRenderingContext.canvas - Web API 接口参考 编辑

WebGLRenderingContext.canvas 只读属性，对 HTMLCanvasElement 和 OffscreenCanvas 对象的引用。如果绘图上下文没有相关联的 <canvas> 元素或 OffscreenCanvas 对象，值为 null。

语法

gl.canvas;

返回值

HTMLCanvasElement 或 OffscreenCanvas 或 null。

示例

Canvas 元素

指定 <canvas> 元素：

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

你可以通过 canvas 得到一个从 WebGLRenderingContext返回的引用：

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

离屏Canvas

下面是一个使用试验阶段 OffscreenCanvas 对象的示例：

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

规范

浏览器兼容性

BCD tables only load in the browser

此页面上的兼容性表格由结构化数据生成。如果你想贡献数据，可以看看 https://github.com/mdn/browser-compat-data并向我们发送 pull request.

相关链接

• CanvasRenderingContext2D.canvas
• OffscreenCanvas