<canvas>要素の定義
英語で「画布」や「カンバス」を表す、”canvas”より。
HTML文書では、<canvas> 要素とCanvas スクリプティング API や WebGL API を使用して、グラフィックやアニメーションを描画することができます。
子要素として使用できるもの
透過的コンテンツ、ただし子孫に対話型コンテンツのうち <a> 要素, <button> 要素, <input> 要素の type 属性が checkbox, radio, button のいずれか以外を含まないもの。
子要素に記載された内容は、<canvas> 要素を描画できない、あるいは canvas を読み込めない場合（対応していないブラウザーや、JavaScriptが無効にされている場合）に、代替コンテンツとして表示されます。
親要素として使えるもの
記述コンテンツを受け入れるすべての要素。
許可されているARIAロール
すべて
DOMインターフェース
HTMLCanvasElement
属性
グローバル属性のみが指定できます。
height
<canvas> 要素で描画する座標空間の高さをCSSピクセル値で指定します。（既定では150px）
width
<canvas> 要素で描画する座標空間の幅をCSSピクセル値で指定します。（既定では300px）
サンプル
See the Pen poJQzVO by Masahiko Iwakiri (@m-iwakiri) on CodePen.
このサイトでは、HTML要素や属性の定義は下記サイトを参考にしています。
MDN Web Docs： https://developer.mozilla.org/ja/
W3C仕様の正確な定義、最新情報は上記サイトをご覧ください。
コメント