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: キャンバスのサイズを制御するために使用される他のプロパティ