Zusammenfassung, Fragen und Übungen

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

Zusammenfassung

  • Jede SVG-Grafik verfügt über mindestens ein Koordinatensystem.
  • Zusätzlich kann der sichtbare Bereich der Grafik eingeschränkt werden. Dieser Bereich wird Viewport genannt.
  • Über das transform-Attribut können neue Koordinatensysteme erzeugt werden, in denen dann einzelne Elemente oder ganze Gruppen angeordnet und positioniert werden können.
  • Einzelne Befehle des transform-Attributs erlauben auch das Drehen, Skalieren oder Kippen von Elementen und Gruppen.
  • Über die Tags <title> und <desc> können Elemente beschrieben werden.
  • Um ein Element zu benennen, verwenden Sie das id-Attribut.

Fragen und Übungen

  1. Wie können neue Koordinatensysteme erzeugt werden?

Die Aufgaben 2 bis 6 bilden eine Einheit.

  1. Erstellen Sie eine SVG-Datei in die Sie ein kleines Quadrat mit 7 Pixel Breite und Höhe einfügen.
  2. Fügen Sie neben dem Quadrat einen Text ein.
  3. Gruppieren Sie beide Elemente und nennen Sie die Gruppe "Zeile1".
  4. Positionieren Sie die Gruppen an der Position 30/70.
  5. Drehen Sie die Gruppe zusätzlich um 30°.

   

<< 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