dynamic-use-04.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"

     style="background: red;" class="reftest-wait">

  <defs>

    <symbol id="r">

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

    </symbol>

  </defs>

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

  <script type="text/javascript">

    <![CDATA[

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

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

    function doTest() {

        // Setting a non-zero value for width here should show the entire

        // referenced <rect>. See

        // https://www.w3.org/TR/SVG2/struct.html#UseElement

        var u = document.getElementById("u");

        u.setAttribute("width", "100%");

        document.documentElement.removeAttribute('class');

]]>

</script>

</svg>