dynamic-attr-change-2.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" version="1.1" class="reftest-wait">

  <script>

  function doTest() {

    var target = document.querySelector(".target");

    target.setAttribute("transform", "translate(20,20)");

    document.documentElement.removeAttribute("class");

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

  </script>

  <!-- Lime background to match pass.svg -->

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

  <!-- Red rect, which we'll have to cover up to pass the test: -->

  <rect x="20" y="20" width="100" height="100" fill="red"/>

  <!-- Lime rect, which we'll try to transform to cover up the red rect: -->

  <g class="target" transform="">

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

  </g>

</svg>