dynamic-textPath-02.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"

     class="reftest-wait">

  <title>Test for changes to the IDs in the document causing textPath references to update</title>

  <defs>

    <path id="p1" d="M 100,100 h 200"/>

    <path id="p1" d="M 100,200 h 200"/>

  </defs>

  <text style="16px sans-serif"><textPath xlink:href="#p1">Hello</textPath></text>

  <script>

    document.addEventListener("MozReftestInvalidate", doTest, false);

    setTimeout(doTest, 4000); // fallback for running outside reftest

    function doTest() {

      document.getElementsByTagName("path")[0].removeAttribute("id");

      document.documentElement.removeAttribute("class");

  </script>

</svg>