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 # dom-canvas-height |
ブラウザーの互換性
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
height |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
関連情報
HTMLCanvasElement
:HTMLCanvasElement.height
プロパティを定義しているインターフェイスHTMLCanvasElement.width
: キャンバスのサイズを制御するために使用される他のプロパティ