circle-calc-dynamic-viewport-ref.html (594B)
1 <!doctype html> 2 <title>Changing container size of SVG with calc() cx/cy/r on <circle> (reference)</title> 3 <div id="hcontainer" style="width: 100px; height: 100px; position: absolute"> 4 <svg width="100" height="100"> 5 <circle cy="50" r="100"/> 6 </svg> 7 <svg width="100" height="100"> 8 <circle cx="50" cy="50" r="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 <circle cx="50" r="100"/> 14 </svg> 15 <svg width="100" height="100"> 16 <circle cy="50" cy="50" r="50"/> 17 </svg> 18 </div>