SVG - TextPath element

About

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>

Documentation / Reference


Powered by ComboStrap