HTML <canvas> width Attribute

<HTML <canvas>タグ

例

<canvas>を持つ要素heightとwidth 200ピクセルの：

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

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

定義と使用法

width属性は幅指定<canvas>ピクセル単位で、要素を。

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

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

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

ブラウザのサポート

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

属性
width	4.0	9.0	2.0	3.1	9.0

HTML 4.01とHTML5の違い

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

構文

属性値

値	説明
pixels	ピクセルで、キャンバスの幅を指定します（例：「100」）。デフォルトの幅は「300」であります

その他の例

例

設定することで、キャンバスをクリアし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>