dynamic-use-08.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>Testing dynamic changes to use positioning</title>

  <style>

    .use {

      x: 100%;

  </style>

  <defs>

      <rect id="r" width="100%" height="100%" fill="red"/>

  </defs>

  <rect width="100%" height="100%" fill="lime"/>

  <use id="u" xlink:href="#r"/>

  <script type="text/javascript">

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

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

    function doTest() {

      document.getElementById("u").setAttribute("class", "use");

      document.documentElement.removeAttribute("class");

  </script>

</svg>