HTML & CSS

最終更新日:
公開日:

リファレンス

HTML

キャンバス

canvas要素

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

サンプルコード

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

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

  • コンテンツモデル

    トランスペアレント

  • 使用ケース

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

属性

グローバル属性

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

width

canvasの幅を指定します。

height

canvasの高さを指定します。

こちらの記事は役に立ちましたか?

ありがとうございます。
もしよろしければ、あわせてフィードバックや要望などをご入力ください。

コメントありがとうございます!
運営の参考にさせていただきます。