Die konkreten Vorteile von SVG:

  • SVG lässt sich verlustarm skalieren
  • bietet vektorielle Darstellung
  • ist Open-Source mit relativ humanoider Sprache
  • integriert Ton-, Video- und Bilddateien (SPEC 1.2)

Die XML-Einbettung von SVG bietet

  • leichte Referenzierung mittels Cascaded Style Sheets (CSS)
  • Ansteuerbarkeit aller Objekte
  • Text bleibt Text und ist von Suchmaschinen findbar

Die SVG-Datei und die rechte Maustaste

Da der Quellcode einer SVG-Datei für den User sichtbar ist, können Formen technisch gesehen kopiert und verändert werden. Dazu geht man mit der Maus über ein SVG und betätigt die rechte Maustaste, wählt die Kopierfunktion und fügt die Datei ein oder speichert sich die Datei lokal ab.

Im übrigen lässt sich mit dem Menü hinter der rechten Maustaste auch in eine SVG-Datei hineinzoomen (Geht auch mit dem Tastaturbefehl [Strg] und Mausklick) oder herauszoomen (Tastatur [Strg] + [Shift] und Maustaste).

Es gibt dort auch eine Suchfunktion (Find), eine relativ überschaubare Hilfe und die Möglichkeit, animierte SVGs anzuhalten (Pause) sowie eine Einstellung der Anzeigequalität.

Jede SVG-Datei lässt sich mit der Maus und gedrückter [Alt]-Taste innerhalb des Browserfensters verschieben.

SVG braucht im Moment noch ein Browser-PlugIn, die Entwicklung steht erst am Anfang und da passiert noch einiges.

  

 

Die Teamarbeit von SVG

Fast alle bekannten Firmen und Fachleute sind daran interessiert, eine moderne und zukunftssichere Technik für die Anzeige von kurvenbasierter Grafik zu bekommen. Durch die Anbindung an das W3C-Konsortium wurde dafür eine solide Basis geschaffen.

Übungen:

a.) Halten sie die [Alt]-Taste gedrückt und klicken sie dabei auf nebenstehendes Fussballfeld und bewegen Sie die Maus: Sie verschieben damit die eingebettete Abbildung.

b.) Mit gedrückter [Strg]-Taste und einem Mausklick zoomen Sie in die SVG-Datei hinein

c.) Klicken Sie mit der rechten Maustaste auf das Fussballfeld und schauen Sie sich den SVG-Code an.

Durch einen Refresh (Aktualisieren-Button des Browsers drücken) verschieben Sie das Bild wieder in den Ausgangszustand.
Weiter zum nächsten Kapitel:
Die verlustarme Skalierbarkeit