Das technische und strategische Potential von SVG als standardisierte Grafik-Technologie für grafikorientierte Browser-Anwendungen bei DEKRA

Durch die Skalierung werden die mathematisch beschriebenen Vektoren auf dem Ausgabegerät ohne jeglichen Qualitätsverlust vergrößert oder verkleinert (wie schon auf Seite 8, in Abbildung 2 dargestellt). Die Grafik wird mit einem Skalierungsfaktor belegt und neu berechnet. Interessant ist dies vor allem für Landkarten oder andere Grafiken, die größere Flächen mit vielen Details darstellen müssen. Beim SVG- Viewer von Adobe wird das Zoomen über das Kontextmenü der Grafik gesteuert und ermöglicht so jedem Benutzer ein einfacheres Handling als bei Flash. Durch das Feature wird die Zugänglichkeit der Seite auch für Benutzer mit Sehbehinderungen einfacher. Der Einsatz der SVG- Technologie gehört somit zu einem verantwortungsbewussten Webdesign und gewinnt in Zeiten der von der Bundesregierung geforderten Barrierefreiheit im Internet91 mehr und mehr an Bedeutung. [...]

Ein enormer Vorteil von SVG gegenüber anderen Grafikformaten ist die große Gestaltungsfreiheit im Bezug auf Texte, die durch das Element <text> definiert werden. Der textliche Inhalt wird für externe Applikationen zugänglich und indexierbar gemacht und stellt somit ein revolutionäres Prinzip im Bereich der Webgrafik dar.88 Dabei wird jeder Text als Text und nicht als Grafik behandelt. Er bleibt in einer Grafik markierbar und als Information erhalten. Suchmaschinen sind mittels automatisierter Skripte in der Lage, Sites zu besuchen und Textinformationen aufzuspüren, die in die Suchmaschine übernommen werden. Eine komplett mit Flash erstellte Seite gibt dagegen keinerlei Informationen an die Suchmaschine weiter, da es nur Grafiken und keinen Text erhält. Da SVG momentan noch keinen automatischen Textfluss unterstützt wird mit der SVG Version 1.2 das Textelement <TextFlow> eingeführt, mit dem mehrzeiliger Text möglich ist und SVG zu einer interaktiven Informationsplattform weiter entwickelt.89 Ein Beispiel, um einen Text auszugeben, könnte folgender Code sein: [...]

Ein Kreis wird durch einen Radius mit darauf konstruierter Rundung dargestellt.84 Die Attribute für den Kreis sind die horizontale und vertikale Position des Kreismittelpunktes c und der Radius r. Beispiel: <circle cx="10" cy="10" r="50"/> Die Ellipse hat für die Höhe und Breite jeweils unabhängige Werte. Sie wird durch 2 Radien (X-Achse und Y-Achse) sowie die Position des Mittelpunktes definiert. Beispiel: <ellipse rx="100" ry="50" cx="150" cy="60"/> Ein Pfad ist eine Punkt- zu- Punkt- Verbindung, mit der komplexe, unregelmäßige Formen und Kurven, Bewegungen von Animationen und Texte gezeichnet werden können.85 In dem Attribut d werden alle Punkte für den Pfad eingetragen. Der Verlauf des Pfades wird mittels Koordinaten und Befehlen beschreiben. Der Befehl wird mit einem Buchstaben im Code abgekürzt. So wird z.B. ein Dreieck so beschrieben: <path d="M30 5 L100 60 L0 60"/> Der Startpunkt hat die Koordinaten 30/5. Durch das L-Kommando wird eine Linie zu den Koordinaten 100/60 und 0/60 gezeichnet. Durch den Befehl C (CurveTo) ist es möglich, so genannte Bézierkurven zu zeichnen. Das sind Linien, die durch einen oder mehrere Punkte abgelenkt werden, und so eine bestimmte Krümmung entwickeln.86 Eine Linie ist ein gerader Pfad mit Anfangs- und Endpunkt und stellt eine Verbindung zwischen genau 2 Punkten dar.87 Beispiel: <line x1="10" y1="20" x2="120" y2="150"/> In SVG gibt es zwei verschiedene Arten von Polygonen Polyline und Polygon. Bei dem Polygon sind Start- und Endpunkt miteinander verknüpft, bei dem Polyline nicht. Beide enthalten einen wichtiges Attribut: Points, aus denen das Polygon besteht. Beispiel: <polyline points="10,10 50,42 154,154 250,164 300,164"/> [...]