WebGLRenderingContext: drawingBufferWidth property
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