WebGLRenderingContext.drawingBufferWidth - Web APIs 编辑

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

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.

See also

• WebGLRenderingContext.drawingBufferHeight
• WebGLRenderingContext.viewport()