“ in den Textkörper ein. Legen Sie schließlich den Grafikstil über CSS-Attribute fest."/> “ in den Textkörper ein. Legen Sie schließlich den Grafikstil über CSS-Attribute fest.">
Heim >Web-Frontend >HTML-Tutorial >So zeichnen Sie Grafiken über das Canvas-Tag
So zeichnen Sie Grafiken über das Canvas-Tag: Erstellen Sie zunächst eine HTML-Beispieldatei und geben Sie dann „“ ein CSS-Attribute Stylen Sie es einfach.
Die Betriebsumgebung dieses Artikels: Windows 7-System, HTML5- und CSS3-Version, Dell G3-Computer.
Das Canvas-Tag ist ein neues Element in HTML5. Dieses Tag wird zum Zeichnen von Grafiken verwendet. HTML5 ist die fünfte große Überarbeitung der Hypertext Markup Language (HTML), der Kernsprache des World Wide Web und einer Anwendung unter der Standard Universal Markup Language.
Neulinge, die HTML lernen, sind sich dieses Tag-Elements möglicherweise nicht im Klaren.
Nachfolgend können wir Ihnen die Verwendung des Canvas-Tags anhand einfacher Beispiele ausführlich erläutern.
Der Beispielcode zum Zeichnen einer einfachen Leinwandgrafik (Rechteck) mit Leinwand lautet wie folgt:
<!DOCTYPE> <html> <meta charset="utf-8"> <head> <title>Canvas简单使用示例</title> <style type="text/css"> #FirstCanvas{ width: 450px; height: 300px; border: 3px solid #3262ff; background-color: #acffcb; } </style> </head> <body> <canvas id="FirstCanvas"></canvas> </body> </html>
Empfohlene Referenzstudie: „HTML5-Tutorial "
Der grafische Effekt ist wie folgt:
Hier ist zu beachten, dass das
In diesem Artikel geht es um das Zeichnen einfacher Leinwandgrafiken über das Canvas-Tag. Ich hoffe, dass es für Freunde in Not hilfreich ist.
Das obige ist der detaillierte Inhalt vonSo zeichnen Sie Grafiken über das Canvas-Tag. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!