HTMLCanvasElement: width プロパティ
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.
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
仕様書
Specification |
---|
HTML Standard # dom-canvas-height |
ブラウザーの互換性
BCD tables only load in the browser
関連情報
HTMLCanvasElement
:HTMLCanvasElement.width
プロパティを定義しているインターフェイスHTMLCanvasElement.height
: キャンバスのサイズを制御するために使用される他のプロパティ