このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

WebGLRenderingContext: drawingBufferWidth プロパティ

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

WebGLRenderingContext.drawingBufferWidth は読み取り専用のプロパティで、現在の描画バッファーの実際の幅を表します。これは、このコンテキストに関連付けられた <canvas> 要素の width 属性と一致すべきですが、実装がリクエストされた幅を提供できない場合は異なるかもしれません。

数値です。

この <canvas> 要素があったとします。

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

以下の行で描画バッファーの幅を取得することができます。

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

仕様書

仕様書
WebGL Specification
# DOM-WebGLRenderingContext-drawingBufferWidth

ブラウザーの互換性

関連情報