Buchstaben zeichnen

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

Auf den ersten Blick erscheint es Ihnen vielleicht unsinnig, Buchstaben mit Pfaden zu zeichnen, da es ja den <text>-Tag gibt und zudem noch weitere Möglichkeiten, Texte zu realisieren.

Sinnvoll ist dies aber immer dann, wenn Sie bspw. ein Logo gestalten möchten, bei dem es auf exakte Zeichen ankommt, da es bei SVG das gleiche Problem gibt wie bei HTML. Es können nur die Schriften korrekt, wie gewünscht angezeigt werden, die auf dem Zielrechner vorhanden sind.

Ist es notwendig, die Zeichen eines Logos in einer außergewöhnlichen Schrift darzustellen, die in der Regel nicht auf den Rechner vorhanden ist, kann die Realisation als Pfad eine Lösung sein, insbesondere dann, wenn nur wenige Zeichen zu erstellen sind.

Das folgende Beispiel soll zeigen, wie dies geht. Aus diesem Grund wird die manuelle Erstellung gezeigt. Effektiver ist es natürlich, wenn Sie ein geeignetes Grafikprogramm verwenden, die Buchstaben zeichnen und als SVG-Datei exportieren.

Hinweis:
Außerdem gäbe es noch die Möglichkeit, die benötigten Schriften in die SVG-Datei einzubetten. Allerdings vergrößert dies die SVG-Datei sehr stark und kann außerdem lizenzrechtliche Probleme mit sich bringen, da auch Schriften urheberrechtlich geschützt sein können.

Mit den nachfolgenden Schritten sollen drei Gruppen definiert werden, die jeweils einen der Buchstaben S, V und G definieren. Sie sehen am Ende wie folgt aus:

Abbildung: Mit SVG zu erstellende Buchstaben.

Hinweis:
Die Definition in drei Gruppen hat den Vorteil, dass Sie später problemlos einzeln positioniert werden können.

   

<< zurück

vor >>