anim-pathLength-01-ref.svg

Enable keyboard shortcuts

Checkerboard

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

  <path id="path_1" fill="none" d="M 0,50 h 500"/>

  <path id="path_2" fill="none" d="M 0,100 h 500"/>

  <text fill="blue">

    <textPath xlink:href="#path_1" startOffset="20">

      Some text

    </textPath>

  </text>

  <text fill="blue">

    <textPath xlink:href="#path_2" startOffset="20">

      Some text

    </textPath>

  </text>

</svg>