HTML <canvas> width属性

HTML canvas 标签参考手册HTML <canvas> タグ

例

高さと幅が200ピクセルの <canvas> 要素:

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

試してみる »

ブラウザサポート

Internet Explorer Firefox Opera Google Chrome Safari

すべての主要ブラウザは 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" です。


Examples

その他の例


width または height 属性をリセットしてキャンバスをクリアする方法(JavaScriptを使用)。


HTML canvas 标签参考手册HTML <canvas> タグ

その他の拡張