此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

WebGLRenderingContext.canvas

基线 广泛可用

自 2015年7月 起,此特性已在主流浏览器中得到支持,可在大多数设备和浏览器版本中正常使用。

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

语法

gl.canvas;

返回值

HTMLCanvasElementOffscreenCanvasnull

示例

Canvas 元素

指定 <canvas> 元素:

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

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

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

离屏 Canvas

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

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

规范

规范
WebGL Specification
# DOM-WebGLRenderingContext-canvas

浏览器兼容性

相关链接