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 | 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 |