WebGLRenderingContext: drawingBufferHeight 属性

Baseline 已广泛支持

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

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

只读的 WebGLRenderingContext.drawingBufferHeight 属性表示当前绘图缓冲区(drawing buffer)的实际高度。它应该与关联的 <canvas> 元素的 height 属性匹配,但如果实现无法提供请求的高度,则可能会有所不同。

一个数字。

示例

给定此 <canvas> 元素

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

您可以通过以下几行来获取绘图缓冲区的高度:

js
const canvas = document.getElementById("canvas");
const gl = canvas.getContext("webgl");
gl.drawingBufferHeight; // 150

规范

规范
WebGL 规范
# DOM-WebGLRenderingContext-drawingBufferHeight

浏览器兼容性

另见