Das S definieren

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

Für das S könnten Sie zwar auch Bögen mit der a-Anweisung zeichnen oder Bézierkurven verwenden. In beiden Fällen kommen Sie allerdings nicht umhin, verschiedene Einstellungen zu testen, damit das S später auch die gewünschten Proportionen hat. Es ist daher grundsätzlich für komplexere Buchstaben hilfreich, wenn Sie sich ein Raster erstellen und in dieses Raster die Buchstaben zeichnen. Im folgenden Beispiel wird das Raster gemäß der unter Zeichen korrekt planen angegebenen Maße mit einem Pfad erstellt, der folgenden Inhalt hat:

<path id="konstruktion" d="M0 0 h+130 m-30 +0 v+140 m+30 -20 h-130 v-120 m 0 +50 h+130" style="stroke:gray;fill:none"/> 

Der Tag muss sich dann natürlich in der gleichen Gruppe wie der Buchstabe selbst befinden, damit das Raster immer zusammen mit dem Buchstaben positioniert wird. Der Pfad für das S besteht im wesentlichen aus Bögen. Beginnen Sie dabei am bestem rechts oben, mit der äußeren Linie der oberen Rundung.

<path id="konstruktion" d="M0 0 h+130 m-30 +0 v+140 m+30 -20 h-130 v-120 m 0 +50 h+130" style="stroke:gray;fill:none"/>
<path d="M95 0 a37 15 -3 0 0 -50 +50 l+2+1 a30 15 4 0 1 -35 +45 a5 10 0 0 0 0 +20 a30 19.5 4 0 0 +45 -80 l-2 -1 a18.8 5 0 1 1 +35 -16 a5 10 0 0 0 +0 -20" style="stroke:rgb(0,0,0);stroke-width:1;fill:none"/>

Wenn Sie diesen Code verwenden, sieht das S folgendermaßen aus. Das Raster zeigt, dass auch die gewünschten Maße eingehalten werden.

Das S mit Raster

Abbildung: Das S mit Raster.

   

<< zurück vor >>

 

 

 

Tipp der data2type-Redaktion:
Zum Thema SVG bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an:

Copyright © verlag moderne industrie GmbH 2001
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "Das Einsteigerseminar SVG — Webgrafiken mit XML" denselben Bestimmungen wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

verlag moderne industrie GmbH, Justus-von-Liebig-Straße 1, D-86899 Landsberg/Lech, fon ++49 (0) 81 91 / 125 – 0, leserservice(at)mi-verlag.de