Texte mit Textanker ausrichten

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

In manchen Fällen ist es sehr ungünstig, dass sich Positionen von Texten immer auf die untere linke Ecke des Textes beziehen. Sie können aber Textanker definieren, um den Text besser ausrichten zu können.

Der Standardtextanker befindet sich immer an der unteren linken Ecke des Textes und wird in der folgenden Abbildung durch einen Punkt auf einer senkrechte Linie dargestellt.

Standardmäßig befindet sich der Anker an der linken unteren Ecke des Textes

Abbildung: Standardmäßig befindet sich der Anker an der linken unteren Ecke des Textes.

Den Anker können Sie über die Eigenschaft text-anchor im style-Attribut einstellen. Standardmäßig hat sie den dargestellten Wert start. Alternativ stehen aber auch die Werte middle und end zur Verfügung, deren Bedeutung die nächste Abbildung zeigt.

Auswirkungen der geänderten Ankerpunkte

Abbildung: Auswirkungen der geänderten Ankerpunkte.

Über die baseline-shift-Eigenschaften können Sie nun noch die Grundlinie verschieben, um einen Text bspw. sowohl vertikal als auch horizontal mittig auszurichten. In der folgenden Abbildung wird die Grundlinie durch die graue, waagerechte Linie gekennzeichnet.

Text vertikal und horizontal zum Anker zentrieren

Abbildung: Text vertikal und horizontal zum Anker zentrieren.

Der Quellcode, der für die dritte Zeile notwendig ist, sieht folgendermaßen aus:

<text x="200" y="110" style="text-anchor:middle;baseline-shift:-6">middle: <tref xlink:href="#cr"/></text>

   

<< 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