Beispiele

SVG-Beispiele - Animationen

Für Animationen gilt im Prinzip das gleiche, wie für JavaScript. Sie werden derzeit noch schlecht unterstützt. Dennoch können Sie animierte Grafiken auch so gestalten, dass sie auch ohne die Animation brauchbar sind. Einige Beispiele zu Animationen finden Sie hier.

Bsp.: ANI-1
	Autor:	Helma Spona
	Online-Beispiel:	Intro meiner Webseite
	Voraussetzungen:	Adobe(r) SVG-Viewer 2.0 oder höher
	Das textbasierte Logo dreht sich langsam um die eigene Achse, nachdem alle Texte eingeblendet wurden. DA die Grafik etwas groß ist, um sie hier anzeigen zu lassen, klicken Sie bitte auf obigen Link, um sie zu sehen.

Bsp.: ANI-2
	Autor:	Helma Spona
	Datei:	svgLogoAnim.svg
	Vorraussetzungen:	Adobe(r) SVG-Viewer 2.0 oder höher, Oper 8.5 oder höher
	Das Beispiel zeigt anhand des Logos das Sie schon in den SVG-Beispielen gesehen haben, ein paar Animationen: Größenänderungen Farbänderungen Bewegungen Opera 8.5 stellt die Animation korrekt dar, jedoch wendet der Browser nicht alle Formatierungen des enthaltenen Textes an. Mozila bemängelt das `textPath`-Element.