SVG ist die Abkürzung skalierbarer Vektorgrafiken, was skalierbare Vektorgrafiken bedeutet. 1998 hat die World Wide Web Alliance eine Arbeitsgruppe eingerichtet, um eine Technologie zu entwickeln, die Vektorgrafiken über XML - SVG ausdrückt! Da SVG auch eine XML -Datei ist, erbt SVG auch die Vorteile von Offenheit, Portabilität und Interaktivität von XML. In diesem Artikel wird SVG in HTML5 eingeführt. Wenn Sie es benötigen, beziehen Sie sich bitte auf den SVG -Hintergrund.
SVG ist die Abkürzung skalierbarer Vektorgrafiken, was skalierbare Vektorgrafiken bedeutet. 1998 hat die World Wide Web Alliance eine Arbeitsgruppe eingerichtet, um eine Technologie zu entwickeln, die Vektorgrafiken über XML - SVG ausdrückt! Da SVG auch eine XML -Datei ist, erbt SVG auch die Vorteile der Offenheit, Portabilität und Interaktivität von XML. Heutzutage unterstützen fast alle Mainstream -Browser SVG, und Sie können von hier aus mehr Kompatibilitätsinformationen erhalten, einschließlich:
Verwenden Sie die Elemente <Bettes> oder <Objekt>, um grundlegende SVG -Grafiken anzuzeigen.
Verwenden Sie <img>, um SVG -Grafiken anzuzeigen.
Wenden Sie SVG -Grafiken als CSS -Hintergrundbild an.
Verwenden Sie das <svg> -Tag direkt in HTML -Dokumenten (erfordert HTML5 -Unterstützung).
Verwenden Sie SVG -Transformationen, Filter und andere Spezialeffekte für HTML -Elemente, die CSS oder externe Objektelemente verwenden.
Verwenden Sie Photoshop-ähnliche Effekte auf SVG-Objekte, einschließlich Unschärfe und Farbverarbeitung.
Verwenden Sie Animationen für SVG -Bilder;
Verwenden Sie SVG -Schriftarten;
* Svg
* Grundlegende Inhalte
* SVG ist nicht exklusiv für HTML5
* HTML5 bietet Inhalte über SVG Native
* Bevor HTML5 erschien, gab es SVG -Inhalte
* SVG, setzen Sie es einfach als Vektor ein
* Die SVG -Datei hat eine Erweiterung von .svg
* SVG verwendet die XML -Syntax
* Konzept
* SVG ist eine Sprache, die die XML-Technologie verwendet, um zweidimensionale Grafiken zu beschreiben
* Merkmale von SVG
* SVG -Zeichnungsgrafiken können von Suchmaschinen erfasst werden
* SVG wird vergrößert, wenn die Bildqualität nicht abnimmt
* Der Unterschied zwischen SVG und Leinwand
* Svg
* Keine Abhängigkeit von Auflösung
* Support -Ereignisbindung
* Programme für große Rendering -Bereiche (z. B. Baidu -Karten)
* Kann nicht verwendet werden, Webspiele zu implementieren
* Leinwand
* Auflösungsabhängig
* Die Ereignisbindung wird nicht unterstützt
* Das am besten geeignete Webspiel
* Speichern Sie als .JPG -Formatbild
* Zweck
* Einige kleine Symbole auf der Webseite
* Dynamische Effekte auf die Webseite (Animationseffekt)
* Verwenden Sie SVG in HTML5
* Verwenden Sie <svg> </svg> Elemente
* Funktion - ähnlich wie <Canvas> Element
* Die Standardgröße beträgt 300px* 150px
* Verwenden Sie CSS -Stile
* Verwenden Sie SVG, um ein Diagramm zu zeichnen. Sie müssen das <SVG> -Element definieren.
* Zeichnen Sie eine Grafik
* Rechteckige Elemente
Kopieren Sie den Code