HTML <canvas> width属性
例
高さと幅が200ピクセルの <canvas> 要素:
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
試してみる »
ブラウザサポート
![]()
すべての主要ブラウザは width 属性をサポートしています。
注意:Internet Explorer 8 およびそれ以前のIEバージョンは <canvas> タグをサポートしていません。
定義と使用方法
width 属性は ImageData オブジェクトの幅をピクセル単位で返します。
ヒント:キャンバスの高さまたは幅がリセットされるたびに、キャンバスの内容はクリアされます(ページ下部の例を参照してください)。
ヒント:私たちの HTML Canvasチュートリアルで <canvas> についてもっと学んでください。
HTML 4.01 と HTML 5 の違い
<canvas> は HTML5 の新しいタグです。
構文
<canvas width="pixels">
属性値
| Value | Description |
|---|---|
| pixels | canvas の width 属性をピクセル単位で指定します(例:"100")。 デフォルトの width は "300" です。 |
その他の例
width または height 属性をリセットしてキャンバスをクリアする方法(JavaScriptを使用)。
その他の拡張
HTML <canvas> タグ