基礎

HTML要素

キャンバス

canvas要素

最終更新日：2023-09-18
公開日：2016-05-17

こちらの要素はJavaScriptと組み合わせ、動的にグラフィックなどを描写するために使用します。この要素自体は描写するエリアを提供するのみとなり、描写の処理はJavaScript側で行われます。

HTML サンプルコード

<canvas id="main_canvas" width="400" height="600">
  <p>ブラウザを最新状態へアップデートしてください。</p>
</canvas>

カテゴリー

フローコンテンツ、フレージングコンテンツ、埋め込みコンテンツ、パルパブルコンテンツ
コンテンツモデル

トランスペアレント
使用ケース

埋め込みコンテンツが期待される場所

属性

グローバル属性: 下記の属性に加え、グローバル属性を指定することもできます。
グローバル属性について詳しくは、「HTMLのグローバル属性」をご覧ください。
width: canvas要素の幅を指定します。
height: canvas要素の高さを指定します。