WebGLRenderingContext: drawingBufferWidth property

{{APIRef("WebGL")}}{{AvailableInWorkers}}

The read-only WebGLRenderingContext.drawingBufferWidth property represents the actual width of the current drawing buffer. It should match the width attribute of the {{HTMLElement("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 {{HTMLElement("canvas")}} element:

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

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

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

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

• {{domxref("WebGLRenderingContext.drawingBufferHeight")}}
• {{domxref("WebGLRenderingContext.viewport()")}}