Den textPath-Tag richtig einsetzen

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

Der <textPath>-Tag verfügt über die Attribute xlink:href, startOffset, method und spacing.

Das Attribut xlink:href referenziert den Pfad, an dem der Text ausgerichtet werden soll. Dieser ist mit seinem Namen anzugeben und dem Namen ist ein Doppelkreuz voranzustellen. Heißt der referenzierte Pfad bspw. "pfad1" müssten Sie dem Attribut den Wert "#pfad1" zuweisen. Das würde dann wie folgt aussehen:

xlink:href="#pfad1"

Mit dem Attribut startOffset können Sie den Anfangspunkt des Textes verschieben. Normalerweise beginnt der Text immer am Anfang des Pfades. Sie können jedoch eine Angabe in Pixeln machen oder einen prozentualen Wert bestimmen, um den der Text eingerückt werden soll.

Wenn Sie einen Prozentwert bestimmen, bezieht sich der immer auf die Länge des Pfades. Ist der bspw. 100 Pixel lang, würde eine 15%ige Einrückung 15 Pixel bedeuten. Mit der Angabe startOffset="15%" würde der Text um 15% eingerückt werden.

Der method-Parameter legt fest, wie der Text an den Pfad angepasst werden soll. Dazu stehen die beiden alternativen Werte align und stretch zur Verfügung. align ist die Standardeinstellung, die verwendet wird, wenn Sie das Attribut gar nicht angeben. Dabei werden einfach die einzelnen Buchstaben so gedreht, dass der Text am Pfad ausgerichtet wird. Mit stretch erreichen Sie hingegen, dass die Buchstaben bei Bedarf auch verzerrt werden, um eine gleichmäßigere Anpassung an den Pfad zu erreichen.

Hinweis:
Der Adobe SVG-Viewer unterstützt zur Zeit das Attribut method nicht. Sie erhalten bei Verwendung zwar keine Fehlermeldung, aber Sie sehen auch bei verschiedenen Werten für das method-Attribut keine Unterschiede.

Mit dem Attribut spacing lässt sich bestimmen, wie die Abstände der Buchstaben berechnet werden sollen. Dafür stehen die Werte auto und exact zur Verfügung. Wählen Sie auto, werden die Abstände so berechnet, dass ein optisch möglichst gutes Ergebnis erzielt wird. Wählen Sie exact, werden die Standard-Abstände der gewählten Schriftart eingehalten.

Hinweis:
Auch dieses Attribut wird vom Adobe SVG-Viewer noch nicht unterstützt.

   

<< zurück

vor >>