HTMLCanvasElement: height プロパティ
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.height
プロパティは CSS ピクセル数として解釈される正の整数であり、この <canvas>
要素の height
属性を反映します。この属性が指定されなかった場合、または負の数など、無効な値をが設定された場合、既定値の 150
が使用されます。
これはキャンバスのサイズを制御する 2 つのプロパティのうちの 1 つで、もう一方は HTMLCanvasElement.width
です。
値
数値です。
例
この <canvas>
要素があったとします。
html
<canvas id="canvas" width="300" height="300"></canvas>
次のコードでキャンバスの高さを取得することができます。
js
const canvas = document.getElementById("canvas");
console.log(canvas.height); // 300
仕様書
Specification |
---|
HTML Standard # dom-canvas-height |
ブラウザーの互換性
BCD tables only load in the browser
関連情報
HTMLCanvasElement
:HTMLCanvasElement.height
プロパティを定義しているインターフェイスHTMLCanvasElement.width
: キャンバスのサイズを制御するために使用される他のプロパティ