A tag canvas em HTML
- 24-07-2022
- Trung Minh
- 0 Comments
A tag <canvas> é usada para desenhar gráficos diretamente na página, através do uso de scripts (geralmente javascript).
A tag <canvas> é apenas um container gráfico, você deve usar um script para desenhar os gráficos.
Como usar a tag <canvas> .
Por exemplo , use a tag <canvas> para desenhar.
<!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>
Atributo de <canvas> .
- altura – a altura do mesmo gráfico.
- largura – a largura da área gráfica.