<!DOCTYPE html> <html class="reftest-wait"> <head> <title>menclose circle</title> <meta charset="utf-8"/> <script type="text/javascript"> function doTest() { var box = document.getElementById("circle").getBoundingClientRect(); e = document.getElementById("ellipse"); e.setAttribute("cx", (box.left + box.width/2)); e.setAttribute("rx", (box.width/2)); e.setAttribute("cy", (box.top + box.height/2)); e.setAttribute("ry", (box.height/2)); document.documentElement.removeAttribute("class"); } window.addEventListener("MozReftestInvalidate",doTest, false); </script> </head> <body> <div style="position: absolute; left: 20px; top: 20px;"> <math> <mphantom> <menclose id="circle" notation="circle"> <mspace width="200px" height="100px"></mspace> </menclose> </mphantom> </math> </div> <div style="position: absolute; left: 0px; top: 0px;"> <svg width="500px" height="500px"> <ellipse id="ellipse" style="fill: none; stroke-width: 8px; stroke: green; stroke-linecap: round; shape-rendering: crispEdges;"></ellipse> </svg> </div> </body> </html>