Welche Programme gibt es zum Erstellen von SVG?

Es gibt 3 Methoden, SVG herzustellen:

  • per Export einer gestalteten Datei aus einem Grafikprogramm (CorelDraw, Illustrator)
  • per freier Codierung in einem Texteditor
  • mit speziellen SVG-Erzeugern (Inkscape, Visio, SmartGrafics, X-Studio u.a.)

Das Interessante an SVG ist nun die Möglichkeit, frei zu Mixen: Beim Erstellen kann ich mal diese, oder auch mal jene Methode benutzen, zum Schluss bekomme ich immer SVG-Code. Daraus kann ich Teile in eine andere SVG-Datei transferieren und dort an die Gegebenheiten anpassen oder Strukturen aus einer Datei auf eine andere übertragen. Bei Verwendung des DOM-Konzepts oder beim Import von Daten aus z.B. Datenbanken können die Routinen kopiert werden, usw.

Jede dieser Methoden hat Vor- und Nachteile. Zum Lernen des Grundverständnisses, wie SVG aufgebaut ist und funktioniert, dürfte ein einfacher Text-Editor die allererste Wahl sein. Bei Ihrer ersten Übung haben Sie das ja schon erlebt.

Kopieren erlaubt

Meistens erledigen Sie verschiedene Arbeitsschritte in verschiedenen Programmen, z.B:

  • Vorhandene Kurvendaten werden aus Grafikprogrammen exportiert
  • Neuanzulegende Kurven oder Pfade können Sie in einem Texteditor schreiben (Siehe Buchstaben-Projekt)
  • Komplizierte Projekt-Strukturen erledigen Sie in speziellen SVG-Erzeugern

Die benötigten Teile kopieren Sie sich dann anschließend einfach aus den Ergebnis-Dateien in eine neue SVG-Datei und führen die einzelnen Teile dort zusammen.

Sammeln Sie SVGs

Da Sie im Laufe Ihrer Beschäftigung auf viele SVG-Dateien stoßen werden, ist es ratsam, sich eine Sammlung davon anzulegen. Gute Kurse oder Bücher kommen deshalb immer mit einem ganzen Haufen Beispieldateien, in denen verschiedene Funktionen codiert sind. Verwenden Sie beim Abspeichern einen sinnvollen Datei-Namen, damit sie später beim Suchen genau die Datei auch wieder finden, in der eine bestimmte Funktion gut gelöst ist ( Sammlung von SVG-Beispielen und -Dateien).

Gegner "offenen Codes" sind meist besorgt um die urheberlichen Einschränkungen beim Kopieren ihrer Arbeitsergebnisse. In der Tat ist es (heute noch) relativ schwer, SVG-Code so zu verschlüsseln, dass er nicht kopierbar ist, aber das macht ja gerade den Reiz dieser Technologie aus. Für den kommerziellen Einsatz mit rigiden Kopierbeschränkungen ist Flash weitaus besser geeignet ( Muss ich Flash jetzt wegschmeißen?).

Code-Tuning

Exportfilter von Grafikprogrammen erzeugen z.B. oft unsinnig genaue X/Y-Werte von Pfaden. Unnötige Kommastellen gehören gelöscht, seltsam definierte ID-Bezeichnungen und Farb-Namen geändert. Besonders achten Sie auf:

  • Sinnvollen Namespace
  • Geeignete ViewBox
  • Kommastellen (Genauigkeit) der Pfadangaben
  • Farb- und ID-Namen

Die Zahl der speziellen SVG-Erzeuger steigt ständig. In diesem Zukunftsmarkt möchte jeder mitspielen. Googeln Sie einfach mal danach, um die aktuelle Liste zu erhalten. Eine kleine Übersicht über die existierenden Spezial-Editoren finden Sie im Kapitel 8 Die neuen Editoren.

  
Weiter zum nächsten Kapitel:
Muss ich Flash jetzt wegschmeißen?