Leitfaden zu skalierbaren Vektorgrafiken, Teil 2

Das Umbrechen von Text ist eine der kompliziertesten Techniken von SVG. Beispiel E zeigt eine Lösung, bei welcher der Text umgebrochen wird, sobald er das Ende einer Zeile erreicht. Man kann dieses Beispiel ausprobieren, indem man Beispiel E in einen Browser lädt. Dann positioniert man einfach die Maus über dem Kasten und tippt etwas Text ein. Der Text wird umgebrochen, sobald das Ende der Zeile erreicht ist oder die Eingabetaste betätigt wird.

Zwei Methoden sind für die Textumbruchfunktion verantwortlich: Die Methode textEvent(evt) sorgt für das Einfügen des Textes, wenn der Benutzer auf der Tastatur tippt, während newRow() in die nächste Zeile springt.

Innerhalb der Methode textEvent(evt) enthält String.fromCharCode(key) das letzte vom Benutzer getippte Zeichen. Die Zeile mit obj.firstChild.setData(str) aktualisiert die gerade benutzte Zeile mit dem aktuellen String. Man beachte, dass die Methode firstChild() aufgerufen wird, um ein Handle für den Text zu erzeugen, der ein Kind des Text-Knotens ist. Sobald man ein Handle für den Text hat, kann man die Methode setData() zum Ersetzen des Texts verwenden.

Bei dieser Methode kommt es vor allem darauf an herauszufinden, wann der Text umgebrochen werden muss. Dies erreicht man, indem man die Länge des Textes mithilfe von obj.getComputedTextLength() berechnet und sicherstellt, dass die Länge des aktuellen Textes nicht größer als die maximale Zeilenlänge ist.

Batik

Batik ist ein Unterprojekt von Apache XML und stellt eine Software-Plattform zur Erzeugung, Bearbeitung und Anzeige von SVG-Dokumenten bereit. Nach dem Herunterladen von Batik von der Apache-Website kann man das Programm auf dem eigenen Rechner entpacken.

Batik enthält auch einen eigenen SVG-Browser namens Squiggle. Zum Installieren von Squiggle navigiert man zum Batik-Verzeichnis auf dem Rechner und gibt den folgenden Befehl ein:

Batik enthält eine Reihe nützlicher Module, unter anderem ein Rasterizer-Modul, mit dem man SVG automatisch in JPEG oder PNG umwandeln kann. Die folgende Befehlszeile konvertiert ein Verzeichnis mit SVG-Dokumenten in JPEGs und speichert die Ergebnisdateien in das output-Verzeichnis:

Fazit

SVG bietet eine neue Ebene der Interaktion für das Internet und damit verbundene Anwendungen. Da SVG-Dateien kompakt und mobil sind, eignen sie sich hervorragend für Anwendungen, bei denen Daten in grafischer und dynamischer Form an die Benutzer bereitgestellt werden müssen.