WebGLRenderingContext: drawingBufferWidth 属性

基线 广泛可用

此功能已经相当成熟，可在许多设备和浏览器版本中正常工作。自 2015 年 7 月.

报告反馈

值

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

示例

一个数字。

假设有以下 <canvas> 元素
<canvas id="canvas"></canvas>

html

您可以使用以下代码行获取绘图缓冲区的宽度
const canvas = document.getElementById("canvas");
const gl = canvas.getContext("webgl");
gl.drawingBufferWidth; // 300

规范

js
规范
# WebGL 规范

浏览器兼容性

DOM-WebGLRenderingContext-drawingBufferWidth

另请参阅