Text on a Curve


Should not happen
<path style="stroke:none; fill:lime;" id="duck" 
  d="M 0 312 C 40 360 120 280 160 306 C 160 306 165 310 170 303
  ...
"/>
<text style="font-size:14">
  <textPath xlink:href="#duck">
  We go up, then we go down, then up again around his head. Now we are
  upside down as we go round his neck and along the bottom to the tail.
  </textPath>
</text>