WebGLRenderingContext: drawingBufferWidth 属性

Baseline 已广泛支持

此特性已相当成熟，可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来，各浏览器均已提供此特性。

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

只读的 WebGLRenderingContext.drawingBufferWidth 属性表示当前绘图缓冲区的实际宽度。它应该与此上下文关联的 <canvas> 元素的 width 属性匹配，但如果实现无法提供所请求的宽度，则可能有所不同。

值

一个数字。

给定此 <canvas> 元素

html

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

您可以使用以下几行代码获取绘图缓冲区的宽度

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

规范
WebGL 规范 # DOM-WebGLRenderingContext-drawingBufferWidth

此页面最后修改于 2024年9月28日，由 MDN 贡献者修改。