Das Canvas-Tag in HTML
- 24-07-2022
- Trung Minh
- 0 Comments
Das Tag <canvas> wird verwendet, um Grafiken mithilfe von Skripten (normalerweise Javascript) direkt auf der Seite zu zeichnen.
Das <canvas>-Tag ist nur ein Grafikcontainer, Sie müssen ein Skript verwenden, um die Grafiken zu zeichnen.
Verwendung des <canvas> .-Tags
Verwenden Sie zum Zeichnen beispielsweise das <canvas>-Tag.
<!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>
Attribut von <canvas> .tag
- Höhe – die Höhe derselben Grafik.
- width – die Breite des Grafikbereichs.