stresstest-1.html 1.0 KB

12345678910111213141516171819202122232425262728
  1. <html class="reftest-wait">
  2. <head>
  3. <script type="application/javascript">
  4. function runtest() {
  5. var iframe = document.getElementById("test");
  6. var style = iframe.getAttribute("style");
  7. // We depend on the transform being the last rule so clip the ending ';'
  8. style = style.substring(0, style.length-1);
  9. // Here, we add transform functions to explicitly undo the effects of
  10. // each already-applied transform. This should leave us with an
  11. // effectively-untransformed iframe.
  12. style = style + " scale(0.5, 0.25) translatex(-50px) rotate(-45deg) translate(-50px, -50px) skewx(135deg);"
  13. iframe.setAttribute("style", style);
  14. document.documentElement.className = "";
  15. }
  16. </script>
  17. </head>
  18. <body>
  19. <iframe
  20. src="square.html"
  21. style="height: 200px; width: 300px; -moz-transform: skewx(45deg) translate(50px, 50px) rotate(45deg) translatex(50px) scale(2.0, 4.0);"
  22. id="test"
  23. onload="runtest();">
  24. </iframe>
  25. </body>
  26. </html>