dynamic-use-07.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 that dynamic changes to the text element for a given ID are reflected in 'use'</title>

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

  <text id="t1" x="100" y="100" fill="lime" style="font: 16px sans-serif">hello <tspan fill="red">there</tspan></text>

  <use y="100" xlink:href="#t1"/>

  <script>

    function test() {

      document.getElementsByTagName("tspan")[0].style.fill = "lime";

      document.documentElement.removeAttribute("class");

    window.addEventListener("MozReftestInvalidate", test, false);

  </script>

</svg>