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
BCD tables only load in the browser
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.