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.

Syntax

JavaScript
<var>gl</var>.drawingBufferHeight;

Examples

Given this <canvas> element:

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

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

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

Specifications

Specification Status Comment
WebGL 1.0
The definition of 'WebGLRenderingContext.drawingBufferHeight' in that specification.		 Recommendation Initial definition.

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 9 9.0 (9.0) 11 12 5.1
Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support (Yes) 25 9.0 (9.0) (Yes) 12 8.1

See also

License

© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-us/docs/web/api/webglrenderingcontext/drawingbufferheight

API Property Read-only Reference WebGL WebGLRenderingContext