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