HTML一覧CSS一覧FlexboxシミュレーターHTML一覧

画像・メディア

<canvas> JavaScriptで絵を描く領域

重要度2 / 5

意味

グラフやゲーム、画像の加工など、JavaScriptで絵を描く場合に使います。描いた内容は文字として読み取れないため、中に代わりの説明を書いておきます。

コード

HTML
<canvas id="chart" width="400" height="200">
  月別のアクセス数のグラフです。
</canvas>

プレビュー(初期表示)

ブラウザ対応

主要ブラウザの対応状況
ブラウザ対応
Chrome1〜
Firefox1.5〜
Safari2〜
Edge12〜
Chrome Android18〜
Safari iOS1〜

出典: MDN Web Docs(`@mdn/browser-compat-data`)