SVG-Leitfäden
Diese Seite listet Leitfäden für SVG auf und behandelt Themen wie das Einbetten, MIME (Medien)-Typen, Umgang mit Skripten, Animationen, Filter und mehr.
- Anwenden von SVG-Effekten auf HTML-Inhalte
Moderne Browser unterstützen die Verwendung von SVG innerhalb von CSS-Stilen, um grafische Effekte auf HTML-Inhalte anzuwenden.
- Einführung in SVG in HTML
Dieser Artikel und das dazugehörige Beispiel zeigen, wie Sie eingebettetes SVG verwenden können.
- Inhaltstyp
SVG verwendet eine Reihe von Datentypen. Dieser Artikel listet diese Typen zusammen mit ihrer Syntax und Beschreibung ihrer Verwendung auf.
- Namespaces Crash-Kurs
Als XML-Dialekt ist SVG mit Namespaces versehen. Es ist wichtig, das Konzept der Namespaces und deren Verwendung zu verstehen, wenn Sie beabsichtigen, SVG-Inhalte zu erstellen. Namespaces sind für Benutzeragenten, die mehrere XML-Dialekte unterstützen, wesentlich; Browser müssen sehr strikt sein. Die Zeit, die Sie jetzt investieren, um Namespaces zu verstehen, wird Ihnen in Zukunft Kopfschmerzen ersparen.
- Scripting
Es gibt mehrere Möglichkeiten, SVG mit JavaScript zu erstellen und zu manipulieren. Dieses Dokument beschreibt die Ereignisbehandlung, Interaktivität und das Arbeiten mit eingebetteten SVG-Inhalten.
- SVG als Bild
SVG kann als Bildformat in HTML, CSS, bestimmten SVG-Elementen und über die Canvas-API verwendet werden. Diese Seite listet die Funktionen auf, bei denen Sie SVG als Bildquelle angeben können.
- SVG-Animation mit SMIL
Synchronized Multimedia Integration Language (SMIL) ist eine XML-basierte Sprache zum Schreiben interaktiver Multimedia-Präsentationen. Autoren können SMIL-Syntax in anderen XML-basierten Sprachen verwenden, um das Timing und Layout von Elementen für Animationen zu definieren.
- SVG-Filter
SVG ermöglicht es uns, ähnliche Werkzeuge wie die Bitmap-Beschreibungssprache zu verwenden, wie zum Beispiel Schatten-, Weichzeichnereffekte oder sogar das Zusammenführen der Ergebnisse verschiedener Filter. Mit dem Filterelement
<filter>
ist es möglich, diese Effekte hinzuzufügen und später an ein Objekt anzuhängen.- Verlinkung
Das
target
Attribut auf dem SVGa
Element funktioniert in Mozilla Firefox 1.5 nicht. Wenn SVG-Dokumente innerhalb eines übergeordneten HTML-Dokuments mit dem Tag eingebettet werden: