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.
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 |
Browser compatibility
BCD tables only load in the browser