WebGLRenderingContext.drawingBufferWidth

基线广泛可用

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

WebGLRenderingContext.drawingBufferWidth 只读属性，指示当前绘图缓冲区的实际宽度。它应当匹配与绘图上下文相关联的 <canvas> 元素的宽度属性。如果实现未能提供所要求的宽度，值将有所不同。

语法

gl.drawingBufferWidth;

指定<canvas> 元素：

html

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

你可以通过下面几行代码来获取绘图缓冲区的宽度：

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

规范
WebGL Specification # DOM-WebGLRenderingContext-drawingBufferWidth

此页面最后更新于 2023年7月30日，由 MDN 贡献者更新。