WebGLRenderingContext: drawingBufferWidth 屬性

Baseline 已廣泛支援

此特性已相當成熟，可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來，各瀏覽器均已提供此特性。

注意：此功能在 Web Workers 中可用。

只讀的 WebGLRenderingContext.drawingBufferWidth 屬性表示當前繪圖緩衝區的實際寬度。它應該與此上下文關聯的 <canvas> 元素的 width 屬性匹配，但如果實現無法提供所請求的寬度，則可能有所不同。

值

一個數字。

給定此 <canvas> 元素

html

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

您可以使用以下幾行程式碼獲取繪圖緩衝區的寬度

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

規範
WebGL 規範 # DOM-WebGLRenderingContext-drawingBufferWidth

此頁面最後修改於 2024年9月28日，由 MDN 貢獻者修改。