Il Tag <canvas> HTML

Definizione e utilizzo

Il tag <canvas> viene utilizzato per disegnare grafica, al volo, tramite scripting (solitamente JavaScript).Il tag <canvas> è trasparente ed è solo un contenitore per la grafica, devi utilizzare uno script per disegnare effettivamente la grafica.Eventuali testi all’interno dell’elemento <canvas> saranno visualizzati nei browser con JavaScript disabilitato e nei browser che non supportano <canvas>.

<canvas id="myCanvas"> Il tuo browser non supporta il tag canvas. </canvas>
<script>
  let canvas = document.getElementById("myCanvas");
  let ctx = canvas.getContext("2d");
  ctx.fillStyle = "#FF0000";
  ctx.fillRect(0, 0, 80, 80);
</script>