<svg xmlns="http://www.w3.org/2000/svg" xmlns:h="http://www.w3.org/1999/xhtml" class="reftest-wait"
     width="100" height="100">
  <title>Mutating the 'pathLength' attribute ('rect' element)</title>
  <h:link rel="help" href="https://w3c.github.io/svgwg/svg2-draft/paths.html#PathLengthAttribute"/>
  <h:link rel="match" href="reference/pathlength-rect-mutating-ref.svg"/>
  <rect y="50" width="200" height="100" fill="red"
        stroke="green" stroke-width="100" stroke-dasharray="100"
        pathLength="4800"/>
  <script>
    requestAnimationFrame(() => {
      requestAnimationFrame(() => {
        document.querySelector('rect').setAttribute('pathLength', 600);
        document.documentElement.classList.toggle("reftest-wait");
      });
    });
  </script>
</svg>