WebGLRenderingContext: drawingBufferHeight property

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

See also