pathLength-zero-ref.svg

Enable keyboard shortcuts

Checkerboard

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

     xmlns:xlink="http://www.w3.org/1999/xlink"

     width="300" height="200" viewBox="0 0 300 200">

  <defs>

    <path id="track" stroke="lightblue" fill="none"

    d="M 50 50 h 200"/>

  </defs>

<g>

    <use xlink:href="#track"/>

    <text font-family="sans-serif" font-size="28">

      <textPath xlink:href="#track" startOffset="0%">The quick brown fox</textPath>

    </text>

  </g>

  <g transform="translate(0,50)">

    <use xlink:href="#track"/>

  </g>

  <g transform="translate(0,100)">

    <use xlink:href="#track"/>

  </g>

</svg>