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 class="reftest-wait" xmlns="http://www.w3.org/2000/svg" version="1.1">

  <script>

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

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

  function doTest() {

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

    document.documentElement.removeAttribute('class');

  </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 id="target" transform="">

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

  </g>

</svg>