W3cubDocs

/DOM

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

Feature Chrome Edge Firefox Internet Explorer Opera Safari
Basic support 9 12 4 11 12 5.1
Feature Android webview Chrome for Android Edge mobile Firefox for Android IE mobile Opera Android iOS Safari
Basic support Yes 25 Yes Yes 11 12 8.1

See also

© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/drawingBufferWidth