|
Inhalt: |
Text - <text>...</ text>: Grundlagen
Mit dem Tag Text (text) <text>...</ text> kann in SVG [1] Text gezeichnet werden. Anzugeben ist zumindest der Startpunkt des Textes und der Textinhalt.
<text x="x1" y="y1">Textinhalt</text>
Der Startpunkt wird durch die X-Koordinate und die Y-Koordinate festgelegt.
Beispiele:<svg width="400" height="500">
[1]<text x="10" y="20">Text</text>
<!-- Beispiel 1: Minimale Angaben für einen Text mit Standardbeschriftung und Standardfarbe-->
[2] <text x="10" y="40" fill="green"> Text: grün</text>
<!-- Beispiel 2: Text mit grüner Füllung -->
[3] <text x="10" y="70" fill="blue" font-size="24px">Text: blau, 24 Pixel</text>
<!-- Beispiel 3: Text mit blauer Füllung, 24 Pixel groß-->
[4] <text x="10" y="100" fill="none" font-size="24px" stroke="#000000">Text: ohne Füllung, nur Umriss</text>
<!-- Beispiel 4: Text ohne Füllung, 24 Pixel groß, mit Umriss in Standardbreite und Standardfarbe-->
[5] <text x="10" y="150" fill="yellow" font-size="44px" stroke="red" stroke-width="2">Text: Umriss 2 Pixel</text>
<!-- Beispiel 5: Text mit gelber Füllung, 44 Pixel groß, mit 2 Pixel breitem roten Umriss--> </svg> |