ellipse-calc-dynamic-viewport-ref.html (641B)
1 <!doctype html> 2 <title>Changing container size of SVG with calc() cx/cy/rx/ry on <ellipse> (reference)</title> 3 <div id="hcontainer" style="width: 100px; height: 100px; position: absolute"> 4 <svg width="100" height="100"> 5 <ellipse cy="50" rx="100" ry="50"/> 6 </svg> 7 <svg width="100" height="100"> 8 <ellipse cx="50" cy="50" rx="50" ry="50"/> 9 </svg> 10 </div> 11 <div id="vcontainer" style="width: 100px; height: 100px; position: absolute; left: 116px"> 12 <svg width="100" height="100"> 13 <ellipse cx="50" rx="50" ry="100"/> 14 </svg> 15 <svg width="100%" height="100%"> 16 <ellipse cx="50" cy="50" rx="50" ry="50"/> 17 </svg> 18 </div>