About
The svg text element on a path
Articles Related
Example
<svg viewBox="0 0 100 60"
height="200"
width="400">
<defs>
<path id="MyPath"
d="M 8.1517206,45.365739
C 16.102987,40.955792 20.428171,30.996594 32.005525,30.933185 c 8.547159,-0.04681 9.86754,18.731813 18.241145,19.10977 11.005449,0.49675 20.17885,-15.367997 20.17885,-15.367997" />
</defs>
<use xlink:href="#MyPath" fill="none" stroke="red" />
<text font-family="Verdana" font-size="5">
<textPath xlink:href="#MyPath">
Nicolas loves rollercoasters - up !
</textPath>
</text>
</svg>