SVG/Element/textPath

Aus SELFHTML-Wiki
< SVG‎ | Element
Wechseln zu: Navigation, Suche

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

Weblinks