Tag <canvas>

Definizione

Il tag <canvas> in HTML è utilizzato per creare grafica dinamica e interattiva direttamente sul lato client di una pagina web. Questo elemento fornisce un'area vuota all'interno della quale è possibile disegnare vari elementi, come forme, testo e immagini, utilizzando JavaScript.

<canvas> fornisce uno spazio di disegno su cui è possibile applicare script per creare grafica in tempo reale. Gli sviluppatori web spesso utilizzano questo tag per implementare grafici, grafici, giochi e altre applicazioni che richiedono un rendering dinamico e interattivo. L'API Canvas 2D associata a questo tag offre una vasta gamma di funzioni per il disegno, consentendo di manipolare facilmente gli elementi visivi sulla pagina.

tag HTML

Tag per disegnare grafica dinamica su pagine web.

Posizione:	<body>
Tag di chiusura:	Sì

Esempio

<canvas id="myCanvas" width="200" height="100"></canvas> <script> var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d"); context.fillStyle = "green"; context.fillRect(10, 10, 150, 80); </script>

Attributi

Attributo	Valore	Descrizione
height		Determina l'altezza di un elemento HTML in pixel
width		Imposta la larghezza di un elemento HTML

<canvas> supporta gli attributi di livello globale.

Compatibilità

Tutti i moderni browser supportano questo elemento.