Il tag canvas in HTML
- 24-07-2022
- Trung Minh
- 0 Comments
Il tag <canvas> viene utilizzato per disegnare grafici direttamente sulla pagina, tramite l'uso di script (solitamente javascript).
Il tag <canvas> è solo un contenitore grafico, devi utilizzare uno script per disegnare la grafica.
Come utilizzare il tag <canvas>
Ad esempio , usa il tag <canvas> per disegnare.
<!DOCTYPE html> <html> <head> <title>Học lập trình miễn phí tại web888.vnt</title> <meta charset="utf-8"> </head> <body> <h1>Học lập trình miễn phí tại web888.vn</h1> <canvas id="myCanvas">Your browser does not support the HTML5 canvas tag.</canvas> <script> var c = document.getElementById("myCanvas"); var ctx = c.getContext("2d"); ctx.fillStyle = "#FF0000"; ctx.fillRect(0, 0, 80, 100); </script> <p> <strong>Note:</strong> The canvas tag is not supported in Internet Explorer 8 and earlier versions. </p> </body> </html>
Attributo di <canvas> .tag
- altezza – l'altezza della stessa grafica.
- larghezza – la larghezza dell'area grafica.