The tspan element for SVG specifies a switch to the style and/or an adjustment to the position of the rendered text inside the tspan element relative to the parent element.
Specifies the relative x-coordinate of the current text position.
[ [ <length-percentage> | <number> ]+ ]# Specifies the relative y-coordinate of the current text position.
[ [ <length-percentage> | <number> ]+ ]# Specifies the adjustment to spacing or spacing and glyphs.
spacing | spacingAndGlyphs Specifies the supplemental rotation, in degrees, about the current text position that will be applied to all of the glyphs corresponding to each character within this element.
Specifies the length for the text to fit.
<length-percentage> | <number> Specifies the x-coordinate of the current text position.
[ [ <length-percentage> | <number> ]+ ]# Specifies the y-coordinate of the current text position.
[ [ <length-percentage> | <number> ]+ ]#
<svg xmlns="http://www.w3.org/2000/svg">
<text dy="1.1e1">text
<tspan dx="1e2 2e2 3e2 4e2 5e2">tspan</tspan>
text</text>
</svg>
<svg xmlns="http://www.w3.org/2000/svg">
<text dy="11">text
<tspan dy="100 200 300 400 500">tspan</tspan>
text</text>
<text dx="10%" dy="11">text
<tspan dy="10% 20% 30% 40% 50%">tspan</tspan>
text</text>
</svg>
<svg xmlns="http://www.w3.org/2000/svg">
<text dy="1.1e1">text
<tspan dy="1e2 2e2 3e2 4e2 5e2">tspan</tspan>
text</text>
</svg>
<svg xmlns="http://www.w3.org/2000/svg">
<text y="11">text
<tspan lengthAdjust="spacing" textLength="100%">tspan</tspan>
text</text>
</svg>
<svg xmlns="http://www.w3.org/2000/svg">
<text y="11">text
<tspan lengthAdjust="spacingAndGlyphs" textLength="100%">tspan</tspan>
text</text>
</svg>
<svg xmlns="http://www.w3.org/2000/svg">
<text y="11">text
<tspan rotate="15 30 45 60 75">tspan</tspan>
text</text>
</svg>
<svg xmlns="http://www.w3.org/2000/svg">
<text y="11">text
<tspan textLength="100">tspan</tspan>
text</text>
<text y="10%">text
<tspan textLength="100%">tspan</tspan>
text</text>
</svg>
<svg xmlns="http://www.w3.org/2000/svg">
<text y="1.1e1">text
<tspan textLength="1e2">tspan</tspan>
text</text>
</svg>
<svg xmlns="http://www.w3.org/2000/svg">
<text y="11">text
<tspan x="100 200 300 400 500">tspan</tspan>
text</text>
<text y="10%">text
<tspan x="10% 20% 30% 40% 50%">tspan</tspan>
text</text>
</svg>
<svg xmlns="http://www.w3.org/2000/svg">
<text y="1.1e1">text
<tspan x="1e2 2e2 3e2 4e2 5e2">tspan</tspan>
text</text>
</svg>
<svg xmlns="http://www.w3.org/2000/svg">
<text y="11">text
<tspan y="100 200 300 400 500">tspan</tspan>
text</text>
<text x="10%" y="11">text
<tspan y="10% 20% 30% 40% 50%">tspan</tspan>
text</text>
</svg>
<svg xmlns="http://www.w3.org/2000/svg">
<text y="1.1e1">text
<tspan y="1e2 2e2 3e2 4e2 5e2">tspan</tspan>
text</text>
</svg>