<svg width="10cm" height="3cm" viewBox="0 0 1000 300">
<defs>
<path id="MyPath" d="M 100 200 C 200 100 300 0 400 100 C 500 200 600 300 700 200 C 800 100 900 100 900 100"/>
</defs>
<desc>Example toap02 - tspan within textPath</desc>
<use xlink:href="#MyPath" style="fill:none; stroke:red"/>
<text style="font-family:Verdana; font-size:42.3333; fill:blue">
<textPath xlink:href="#MyPath"> We go
<tspan dy="-30" style="fill:red"> up </tspan>
<tspan dy="30"> , </tspan> then we go down, then up again
</textPath>
</text>
</svg>
