menclose-2-right.html 1.1 KB

123456789101112131415161718192021222324252627282930313233343536
  1. <!DOCTYPE html>
  2. <html class="reftest-wait">
  3. <head>
  4. <title>menclose right</title>
  5. <meta charset="utf-8"/>
  6. <script type="text/javascript">
  7. function doTest()
  8. {
  9. var box = document.getElementById("box").getBoundingClientRect();
  10. document.getElementById("path").setAttribute("d",
  11. "M" + ((box.left + box.width) + "," + box.top) + " " +
  12. "l" + (0 + "," + box.height));
  13. document.documentElement.removeAttribute("class");
  14. }
  15. window.addEventListener("MozReftestInvalidate",doTest, false);
  16. </script>
  17. </head>
  18. <body>
  19. <div style="position: absolute; left: 20px; top: 20px;">
  20. <math>
  21. <menclose id="box" notation="right">
  22. <mspace width="200px" height="100px"></mspace>
  23. </menclose>
  24. </math>
  25. </div>
  26. <div style="position: absolute; left: 0px; top: 0px;">
  27. <svg width="500px" height="500px">
  28. <path id="path" style="fill: none; stroke-width: 3px; stroke: green; stroke-linecap: round; shape-rendering: crispEdges;"></path>
  29. </svg>
  30. </div>
  31. </body>
  32. </html>