10. Co to jest `<canvas>` i do czego służy?

Tag <canvas> w HTML jest używany do rysowania grafik przy użyciu skryptów, zazwyczaj w JavaScript. <canvas> pozwala na dynamiczne tworzenie i manipulowanie grafikami, animacjami, wykresami i innymi wizualizacjami.

Przykład użycia <canvas>:

1. Rysowanie prostokąta:

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;"></canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#FF0000";
ctx.fillRect(0, 0, 150, 75);
</script>

Tag <canvas> jest przydatny do tworzenia interaktywnych aplikacji webowych, które wymagają zaawansowanych grafik, takich jak gry, edytory obrazów i narzędzia do wizualizacji danych.