textpath-multiline-2-ref.svg

Enable keyboard shortcuts

Checkerboard

<!--

     Any copyright is dedicated to the Public Domain.

     http://creativecommons.org/publicdomain/zero/1.0/

-->

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

  <path id="p" d="M 50,200 C 50,100 300,100 300,200" fill="none"/>

  <text style="font: 24px/30px sans-serif; text-anchor: middle">

    <textPath xlink:href="#p" startOffset="50%">

      <tspan x="0" y="0">hello</tspan><tspan x="0" y="30">hello</tspan><tspan x="0" y="60">hello</tspan>

    </textPath>

  </text>

</svg>