HTML <canvas>幅属性
例
高さと幅が200ピクセルの<canvas>要素：
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
この属性は、要素widthの幅をピクセル単位で指定します。
<canvas>
ヒント：height
属性を使用して、
<canvas>要素の高さをピクセル単位で指定します。
ヒント：キャンバスの高さまたは幅を再設定するたびに、キャンバスのコンテンツがクリアされます（ページ下部の例を参照）。
ヒント：
<canvas>要素
の詳細については、HTMLCanvasチュートリアルをご覧ください。
ブラウザのサポート
表の数字は、属性を完全にサポートする最初のブラウザーバージョンを示しています。
| Attribute | |||||
|---|---|---|---|---|---|
| width | 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
構文
<canvas width="pixels">
属性値
| Value | Description |
|---|---|
| pixels | Specifies the width of the canvas, in pixels (e.g. "100"). Default value is 300 |
その他の例
例
幅または高さの属性を設定して（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>
❮HTML<canvas>タグ