このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
HTMLCanvasElement: width プロパティ
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。
HTMLCanvasElement.width プロパティは CSS ピクセル数として解釈される正の整数であり、この <canvas> 要素の width 属性を反映します。この属性が指定されなかった場合、または負の数など、無効な値が設定された場合、既定値の 300 が使用されます。
これはキャンバスのサイズを制御する 2 つのプロパティのうちの 1 つで、もう一方は HTMLCanvasElement.height です。
値
数値です。
例
この <canvas> 要素があったとします。
html
<canvas id="canvas" width="300" height="300"></canvas>
次のコードでキャンバスの幅を取得することができます。
js
const canvas = document.getElementById("canvas");
console.log(canvas.width); // 300
仕様書
| 仕様書 |
|---|
| HTML # dom-canvas-height |
ブラウザーの互換性
ブラウザー互換性一覧表を表示するには、JavaScript を有効にしてください。
関連情報
HTMLCanvasElement:HTMLCanvasElement.widthプロパティを定義しているインターフェイスHTMLCanvasElement.height: キャンバスのサイズを制御するために使用される他のプロパティ