dom / latest / webglrenderingcontext / drawingbufferheight.html /

WebGLRenderingContext.drawingBufferHeight

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:

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

You can get the height of the drawing buffer with the following lines:

var canvas = document.getElementById('canvas');
var gl = canvas.getContext('webgl');
gl.drawingBufferHeight; // 150

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
drawingBufferHeight
9
12
4
11
12
5.1
4.4.3
25
4
12
8
1.5

See also

© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/drawingBufferHeight