SVG/Element/text

Der Begriff text ist mehrdeutig.
Siehe auch die JavaScript-Eigenschaft: options.text

Das text-Element stellt beliebigen Text in SVG als Text dar.

Im Unterschied zu anderen Grafikformaten steht Text in SVG zum Indizieren mit Suchmaschinen, Bearbeiten durch Scriptprogramme und zum Kopieren in die Zwischenablage zur Verfügung.

Syntax

Start-Tag: notwendig

End-Tag: notwendig

Elternelemente

Darf vorkommen in:

erlaubte Inhalte

*a

• textPath
• tspan
• Animations-Elemente

Attribute

Name	Inhalt	Standardwert	Bedeutung
dx	CDATA	0px	Verschiebung der X-Position
dy	NAME	0px	Verschiebung der Y-Position
lengthAdjust	CDATA		ob nur Zeichenabstand oder auch Zeichen angepasst werden sollen
rotate	NUMBER		Winkelmaß der Rotation
textLength	NUMBER		Länge des Texts
transform	CDATA
x	NUMBER	0px	X-Position
y	NUMBER	0px	Y-Position

Attribut: Pflichtattribut
Attribut: optionales Attribut

Beispiel

<text id="eins" x="10" y="120">TEXT in</text>
<line x1="10" y1="120" x2="400" y2="120" />
 
<text id="zwei" x="430 550 650" y="120 170 220">
  SVG
</text>

Der erste Text (id="eins") hat die gleiche y-Koordinate wie die Linie - während die Linie sie aber als oberen Rand ansieht, ist es beim text-Element die y-Position der Grundlinie.
Der zweite Text mit der id="zwei" hat mehrere Angaben zu den x- und y-Koordinaten, sodass die einzelnen Zeichen versetzt dargestellt werden.

Siehe auch

• SVG/Tutorials/Text

Weblinks

• W3C: TextElement