SVG/Element/text

Aus SELFHTML-Wiki
< SVG‎ | Element(Weitergeleitet von Text)
Wechseln zu: Navigation, Suche

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

Weblinks