Bildoben  
aptico-Home | AGB-(c) | SVG-Tutorial Inhalt
Schatten

SVG Tutorial

  svg tutorial index  

13 Animationen

13.1 Animationen erstellen - animate
13.2 Attribute zur Zielbestimmung - animAttributeAttrs
13.3 Attribute zur Zeitsteuerung - animTimingAttrs
13.4 Attribute zur Wertaenderung - animValueAttrs
13.5 Weitere Attribute - animAdditionAttrs
13.6 Attributwerte veraendern - set
13.7 Bewegung entlang eines Pfades - animateMotion
13.8 Animierte Farbveraenderungen - animateColor
13.9 Animierte Transformationen - animateTransform

Mit SVG-Elementen können Sie Animationen - also bewegte Bilder - verwirklichen. SVG bietet Elemente mit denen Sie zeitgesteuerte Abläufe in Ihre Grafik einbauen können. Die Animationen können durch verschiedenste Ereignisse gestartet werden, wie z.B. durch das Laden der Grafik, durch den Mausklick eines Users, oder ähnlichem.

Mit den Animations-Elementen von SVG können Sie Attributwerte sichtbar verändern, Objekte an einem Pfad entlang bewegen, Farben sichtbar verändern oder Transformation innerhalb einer bestimmten Zeit ablaufen lassen.

Diese Animations-Elemente sowie deren Kind-Elemente und Attribute, von denen einige aus dem Sprachumfang der W3C Auszeichnungssprache SMIL stammen, werden in den Unterkapiteln dieses Kapitels vorgestellt:

Leider unterstützen noch nicht alle Browser SVG Animationen. So kann momentan (2003) nur der MS IExplorer in Zusammenarbeit mit dem Adobe SVG Viewer Animationen darstellen. Allerdings wird es bestimmt in absehbarer Zeit möglich sein, Animationen auch unter Mozilla, Netscape, Opera oder Konquerer darzustellen (auch unter Linux). Ein Besuch auf den Heimatseiten der Browser gibt Aufschluß über den Status Quo.




index  |  12.3  <<  |  Kapitel 13  |  >>  13.1   Animationen erstellen - animate