SVG/Element/textPath

Das textPath-Element richtet Text entlang eines Pfades aus. Dabei werden die Positionen und Rotationen der einzelnen Zeichen automatisch berechnet.

Syntax

Start-Tag: notwendig

End-Tag: notwendig

Elternelemente

Darf vorkommen in:
SVG/Element/text

erlaubte Inhalte

a, text, tspan,

animate, set

Attribute

Name	Inhalt	Standardwert	Bedeutung
href	CDATA		(auch Xlink:href)
lengthAdjust	CDATA
method	align, stretch	align
spacing	auto, exact	auto	wie Zeichen und Zeichenabstände gerendert werden sollen
startOffset	NUMBER	0	Startpunkt des Texts
textLength	NUMBER	kein	Länge des Texts
transform	CDATA

Attribut: Pflichtattribut
Attribut: optionales Attribut

Beispiel

<path id="eins" d="M 20,140 
                   h 100 
		   a 100,100 0 0,0 70,-50
   		   a 100,100 0 0,1 70,-50 
		   h 470
		   a 50,50 1 0,1 50,50
                   v 200"/> 
<text>
    <textPath class="schreib" href="#eins">
      Es geht langsam aufwärts...
    </textPath>
</text>

Siehe auch

• SVG/Tutorials/Text/animierte Textpfade

Weblinks

• W3C: TextPathElement