HTML文書をつくる20 キャンバス（canvas）

　<canvas>は、JavaScriptで描画する領域である。

要素一覧

要素	概要
<canvas>	JavaScript APIを使って描画する領域。

<canvas width="300" height="300">このブラウザはcanvasタグに対応していません！</canvas>

<script>
window.addEventListener('load', async(event) => {
  const canvas = document.querySelector('canvas');
  const ctx = canvas.getContext('2d');
  ctx.fillStyle = 'green';
  ctx.fillRect(10, 10, 100, 100);
});
</script>

このブラウザはcanvasタグに対応していません！

対象環境

• 2022-04-07
• Raspbierry pi 4 Model B
• Raspberry Pi OS buster 10.0 2020-08-20 ※
• bash 5.0.3(1)-release

$ uname -a
Linux raspberrypi 5.10.63-v7l+ #1496 SMP Wed Dec 1 15:58:56 GMT 2021 armv7l GNU/Linux