WebGLRenderingContext.drawingBufferWidth

The read-only WebGLRenderingContext.drawingBufferWidth property represents the actual width of the current drawing buffer. It should match the width attribute of the <canvas> element associated with this context, but might differ if the implementation is not able to provide the requested width.

Syntax

gl.drawingBufferWidth;

Examples

Given this <canvas> element:

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

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

var canvas = document.getElementById('canvas');
var gl = canvas.getContext('webgl');
gl.drawingBufferWidth; // 300

Specifications

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

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support912411125.1
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidIE mobileOpera AndroidiOS Safari
Basic support Yes25 Yes Yes11128.1

See also

Document Tags and Contributors

 Contributors to this page: fscholz, nmve, teoli
 Last updated by: fscholz,