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