Zusammenfassung, Fragen und Übungen

(Auszug aus "Das Einsteigerseminar SVG — Webgrafiken mit XML" von Helma Spona)

Zusammenfassung

  • Animationen werden definiert, indem Sie einen Tag für Animationen in den Tag einfügen, den Sie animieren möchten.
  • Sie können Farben und Attribute ändern oder Elemente an einem Pfad entlang bewegen.
  • Über die Attribute der Tags können Sie bestimmen, wie lange die Animation dauern soll und wann die Animation beginnen soll.

Fragen und Übungen

Die folgenden Aufgaben stellen eine Einheit dar.

  1. Erstellen Sie eine SVG-Datei und fügen Sie dort ein Quadrat von 4 x 4 Pixel Größe ein.
  2. Füllen Sie das Quadrat mit einer Farbe Ihrer Wahl.
  3. Fügen Sie eine Animation ein, die 10 Sekunden dauert und die Füllfarbe von der aktuellen Farbe nach Schwarz ändert.
  4. Schließen Sie an diese Animation eine weitere an, die innerhalb von 5 Sekunden die Größe des Quadrats auf 8 Pixel vergrößert.
  5. Fügen Sie der Datei eine Linie hinzu, die von 0/0 nach 75/10 läuft.
  6. Bewegen Sie das Quadrat an dieser Linie. Die Animation soll 8 Sekunden dauern und am Ende soll das Quadrat an der Endposition verweilen.

   

<< zurück vor >>

 

 

 

Tipp der data2type-Redaktion:
Zum Thema SVG bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an:

Copyright © verlag moderne industrie GmbH 2001
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "Das Einsteigerseminar SVG — Webgrafiken mit XML" denselben Bestimmungen wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

verlag moderne industrie GmbH, Justus-von-Liebig-Straße 1, D-86899 Landsberg/Lech, fon ++49 (0) 81 91 / 125 – 0, leserservice(at)mi-verlag.de