English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Il tag <canvas> è un elemento HTML5 utilizzato come contenitore per disegnare oggetti 2D e immagini bitmap all'interno di un documento HTML. Gli oggetti grafici effettivi all'interno di questo contenitore vengono disegnati utilizzando il tag <script>. Questo tag è anche noto come elemento <canvas>.
Visualizza un quadrato blu utilizzando l'elemento <canvas>:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>canvas HTML5 da it.oldtoolbag.com</title>
</head>
<body>
<h1>Esempio di Grafica</h1>
<canvas id="w3codebox_com_canvas" width="125" height="125"></canvas>
<script>
var canvas = document.getElementById("w3codebox_com_canvas");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "#4B6692";
ctx.fillRect(25, 25, 100, 100);
ctx.clearRect(45, 45, 60, 60);
ctx.strokeRect(50, 50, 50, 50);
</script>
</body>
</html>Testa e guarda ›IEFirefoxOperaChromeSafari
Il tag <canvas> è supportato da IE 9, Firefox, Opera, Chrome e Safari.
Nota:Il browser IE 8 e le versioni precedenti non supportano il tag <canvas>.
Il tag <canvas> utilizza script (solitamente JavaScript) per disegnare grafici (ad esempio grafici e altre immagini).
L'etichetta <canvas> è solo un contenitore per immagini; è necessario utilizzare script per disegnare grafici.
L'elemento <canvas> HTML si trova all'interno del tag <body>.
Il tag <canvas> agisce come contenitore per grafica. Tutti i grafici devono essere disegnati al di fuori del tag <canvas> utilizzando il tag <script> con l'API del canvas o l'API WebGL
L'etichetta <canvas> è una nuova etichetta in HTML5.
Nota:Tutti i testi presenti all'interno dell'elemento <canvas> vengono visualizzati nei browser che non supportano <canvas>.
Suggerimento:Per informazioni su tutte le proprietà e i metodi dell'oggetto canvas, si prega di consultareManuale di riferimento HTML <canvas>.
New: Proprietà nuove in HTML5.
| Proprietà | Valore | Descrizione |
|---|---|---|
| altezzaHTML5 | pixel | Stabilisce l'altezza del riquadro di disegno. |
| larghezzaHTML5 | pixel | Stabilisce la larghezza del riquadro di disegno. |
Supporto <canvas> etichetta Proprietà globali HTML.
Supporto <canvas> etichetta Proprietà degli eventi HTML.