Zusammenfassung, Fragen und Übungen

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

Zusammenfassung

• Das transform-Attribut ermöglicht es, Elemente zu drehen und zu kippen.
• Die Änderung bezieht sich in jedem Fall auf den Nullpunkt des Objekts.
• Farben können wahlweise durch hexadezimale Farbangaben definiert werden oder Sie können Farbnamen oder die rgb-Funktion verwenden.
• Zum Definieren von Farbverläufen gibt es die Tags <radialGradient> und <linearGradient>.
• Filter werden mit dem <filter>-Tag definiert.
• Innerhalb dieses Tags können Sie verschiedene Filter definieren und auch kombinieren.
• Zur Anwendung eines Filters wird die filter-Eigenschaft im style-Attribut verwendet.

Fragen und Übungen

Die folgenden Aufgaben stellen eine Einheit dar.

1. Erstellen Sie eine SVG-Datei und fügen Sie dort einen großen Text ein. Formatieren Sie den Text fett und versehen Sie ihn mit einer schwarzen Umrandung.
2. Fügen Sie der Datei einen linearen Farbverlauf von Weiß nach Rot hinzu und füllen Sie damit den Text.
3. Wenden Sie einen Filter auf das Element an, um einen 3D-Effekt zu erzielen.
4. Ergänzen Sie den Text um einen schwarzen Schatten.
5. Wenden Sie farbigen Lichtkegel auf den Text an.
6. Legen Sie hinter den Text ein Rechteck und füllen Sie es mit einem fraktalen Muster.
7. Gruppieren Sie beide Elemente und kippen Sie die Gruppe auf der x-Achse.

   

<< zurück

vor >>