De tag <text></text>
Tekst voegt u in met de tag <text></text>. Deze tag heeft de volgende attributen:| Attribuut | Verplicht | waarde van het attribuut | uitleg |
| x | ja | coördinaat | x-coördinaat van de tekst. |
| y | ja | coördinaat | y-coördinaat van de onderkant van de tekst. |
| standaard attributen | nee | / | Alle standaard attributen |
| Mogelijke subtags: |
| desc | title | metadata | tspan | tref | textPath | altGlyph | a | animate | set | animateMotion | animateColor | animateTransform |
Bijvoorbeeld:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg width="100px" height="100px">
<g>
<text x="0" y="40" font-size="20" font-family="Comic Sans MS">Dit is een tekst</text>
</g>
</svg>
Dit voorbeeld geeft een tekst met grootte twintig pixels in het lettertype Comic Sans MS.(Bekijk dit voorbeeld)
;){kind=link}
De tag <tspan></tspan>
De tag <tspan></tspan> gebruikt u wanneer u tekst binnen de <text></text>-tag een andere opmaak wilt geven of op wanneer u tekst op een andere plaats wilt zetten. Deze tag heeft dezelfde attributen als de <text></text>-tag.| Mogelijke subtags: |
| desc | title | metadata | tspan | tref | altGlyph | a | animate | set | animateColor |
Bijvoorbeeld:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg width="100px" height="100px">
<g>
<text x="0" y="40" font-size="20" font-family="Comic Sans MS"><tspan fill="blue" text-decoration="underline">Dit</tspan> is een tekst</text>
</g>
</svg>
Dit voorbeeld geeft een tekst met grootte twintig pixels in het lettertype Comic Sans MS. Het eerste woord is blauw en onderlijnd. (Bekijk dit voorbeeld)
;){kind=link}
De tag <tref></tref>
De <tref></tref>-tag gebruikt u om te verwijzen naar tekst. Deze tag heeft de volgende attributen:| Attribuut | Verplicht | waarde van het attribuut | uitleg |
| xlink:href | ja | Locatie van een definitie. | Locatie van de tekst. |
| Mogelijke subtags: |
| desc | title | metadata | animate | set | animateColor |
Bijvoorbeeld:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg width="100px" height="100px">
<defs>
<text id="tekst1">
hallo
</text>
</defs>
<g>
<text x="0" y="40" font-size="20" font-family="Comic Sans MS">
<tref xlink:href="#tekst1" />
</text>
</g>
</svg>
Dit voorbeeld geeft de tekst hallo weer. (Bekijk dit voorbeeld)
;){kind=link}
| Ga naar het volgende hoofdstuk: Transformaties |
|