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