WebGLRenderingContext: drawingBufferWidth property

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Note: This feature is available in Web Workers.

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.

Value

A number.

Examples

Given this <canvas> element:

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

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

js
const canvas = document.getElementById("canvas");
const gl = canvas.getContext("webgl");
gl.drawingBufferWidth; // 300

Specifications

Specification
WebGL Specification
# DOM-WebGLRenderingContext-drawingBufferWidth

Browser compatibility

BCD tables only load in the browser

See also