WebGLRenderingContext: drawingBufferHeight property
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Note: This feature is available in Web Workers.
The read-only WebGLRenderingContext.drawingBufferHeight property represents the actual height of the current drawing buffer. It should match the height attribute of the <canvas> element associated with this context, but might differ if the implementation is not able to provide the requested height.
Value
A number.
Examples
Given this <canvas> element:
html
<canvas id="canvas"></canvas> You can get the height of the drawing buffer with the following lines:
js
const canvas = document.getElementById("canvas"); const gl = canvas.getContext("webgl"); gl.drawingBufferHeight; // 150 Specifications
| Specification |
|---|
| WebGL Specification # DOM-WebGLRenderingContext-drawingBufferHeight |