textPath-path-attribute-01.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">

  <title>Testcase for path attribute on textPath</title>

  <defs>

    <path id="path" d="M 100 100 h 400"/>

  </defs>

  <text font-size="20">

    <textPath path="M 100 100 h 400">Text on path with path attribute</textPath>

  </text>

  <text transform="translate(0,50)" font-size="20">

    <textPath>Animate the path attribute into place

      <set attributeName="path" to="M 100 100 h 400"/>

    </textPath>

  </text>

  <text transform="translate(0,100)" font-size="20">

    <textPath path="M 400 100 h 400" href="#path">Ensure path is preferred over href

      <set attributeName="path" to=""/>

    </textPath>

  </text>

</svg>