HTML <canvas> height Attribute

<HTML <canvas>タグ

例

<canvas> 200ピクセルの高さと幅を持つ要素：

»それを自分で試してみてください

詳細以下の例「自分にそれを試してみてください」。

定義と使用法

height属性はの高さを指定<canvas>ピクセル単位で、要素を。

ヒント：使用widthの幅を指定する属性を<canvas>ピクセル単位で、要素を。

ヒント：キャンバスの高さや幅が再設定されるたびに、キャンバスの内容は、（ページの下部にある例を参照）がクリアされます。

ヒント：詳細情報<canvas>私たちの中の要素のHTMLキャンバスのチュートリアルを。

ブラウザのサポート

表中の数字は完全に属性をサポートする最初のブラウザのバージョンを指定します。

属性
height	4.0	9.0	2.0	3.1	9.0

HTML 4.01とHTML5の違い

<canvas>タグは、HTML5で新しく追加されました。

構文

属性値

値	説明
pixels	ピクセルで、キャンバスの高さを指定します（例： "100" ）。デフォルトの高さは"150"

その他の例

例

設定することで、キャンバスをクリアしwidthまたはheight属性を（JavaScriptを使用）：

<canvas id="myCanvas" width="200" height="200" style="border:1px solid"></canvas>

<script>

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#92B901";
ctx.fillRect(50, 50, 100, 100);

function clearCanvas() {
c.height = 300;
}

</script>