Scalable Vector Graphics/Tekst
Uit Wikibooks
Om tekst te tonen in een SVG-afbeelding gebruiken we het "text"-element.
Tag: text
Attributen:
| naam | betekenis | type | standaardwaarde | opmerkingen |
|---|---|---|---|---|
| x | x-positie | coördinaat | 0 | |
| y | y-positie | coördinaat | 0 | |
| font-family | lettertype | |||
| font-size | lettergrootte | |||
| font-weight | ||||
| fill | kleur van de tekst | kleur | ||
| stroke | ||||
| stroke-width | ||||
| style |
Let op: de tekst die wordt weergegeven geven we niet mee als attribuut, maar plaatsen we tussen de text-tag, net zoals we de figuren in de svg-tag plaatsen. N.B.: De coördinaten van de tekst zijn die van de linker onderhoek, tenzij anders opgegeven.
<text x="50" y="50" font-family="Verdana" font-size="24" fill="red"> Tekst in SVG </text>
