blob: 926b2a8e0a93e53c32182428cc39ef668374495c (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<svg width="300" height="200"
xmlns="http://www.w3.org/2000/svg"
xmlns:html="http://www.w3.org/1999/xhtml">
<title>Rectangle coordinates and sizes specified using calc</title>
<html:link rel="help" href="https://svgwg.org/svg2-draft/geometry.html"/>
<html:link rel="match" href="rect-ref.svg" />
<style>
rect {
fill: blue;
font-size: 40px;
}
</style>
<rect x="calc(80px + 10% - 2em)" y="calc(80px + 30% - 2em)"
width="calc(8 * 5%)" height="calc(10 * 5%)" />
</svg>
|
