g-transform-01.svg 1.1 KB

12345678910111213141516171819202122232425262728
  1. <!--
  2. Any copyright is dedicated to the Public Domain.
  3. http://creativecommons.org/publicdomain/zero/1.0/
  4. -->
  5. <svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
  6. <script>
  7. document.addEventListener("MozReftestInvalidate", doTest, false);
  8. setTimeout(doTest, 4000); // fallback for running outside reftest
  9. function doTest() {
  10. document.getElementById("g").transform.baseVal.getItem(0).setTranslate(20, 20);
  11. document.getElementById("r2").transform.baseVal.getItem(0).setTranslate(70, 70);
  12. document.getElementById("r1").transform.baseVal.getItem(0).setTranslate(180, 180);
  13. document.documentElement.removeAttribute("class");
  14. }
  15. </script>
  16. <rect width="100%" height="100%" fill="lime"/>
  17. <g transform="translate(20 20)">
  18. <rect transform="translate(70 70)" width="40" height="40" fill="red"/>
  19. <rect transform="translate(180 180)" width="40" height="40" fill="red"/>
  20. </g>
  21. <g transform="translate(0 1)" id="g">
  22. <rect transform="translate(49 49)" width="42" height="42" id="r2" fill="lime"/>
  23. <rect transform="translate(89 89)" width="42" height="42" id="r1" fill="lime"/>
  24. </g>
  25. </svg>