Tutorial für den Einstieg mit SVG -Vektorgrafiken mit HTML5

In diesem Artikel wird hauptsächlich das Einführungs -Tutorial für die Verwendung von HTML5 zum Zeichnen von SVG -Vektorgrafiken vorgestellt, einschließlich der Zeichnen grundlegender Grafiken und einfacher Gradienteneffekte. Beachten Sie, dass die Unterstützung der alten Version von IE nicht gut ist. Freunde, die es brauchen, können sich darauf beziehen.

VG repräsentiert skalierbare Vektorgrafiken, eine Sprache, die zur Beschreibung von 2D -Grafiken verwendet wird, und Grafikanwendungen werden in XML geschrieben, die dann von einem SVG -Leserprogramm präsentiert werden.

SVG wird hauptsächlich für Vektortyp-Diagramme wie Kreisdiagramme, zweidimensionale Diagramme in X, Y-Koordinatensystemen usw. verwendet.

SVG wurde am 14. Januar 2003 zum W3C empfohlenen Standard, und Sie können die neueste Version der SVG -Spezifikation auf der SVG -Spezifikationsseite anzeigen.

Die meisten Webbrowser können SVGs anzeigen, genauso wie sie PNG-, GIF- und JPG -Grafiken anzeigen können. IE -Benutzer müssen möglicherweise den Adobe SVG -Reader installieren, um SVG in ihrem Browser anzusehen.

SVG in HTML5 einbetten

Mit HTML5 können wir SVG direkt mit dem __ <svg> ... </svg> -Tag einbetten. Das Folgende ist die einfache Syntax: