blob: 1c6b132cd669f770a72a2f957f0784d8d0b946da (
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>Ellipse coordinates and radii specified using calc</title>
<html:link rel="help" href="https://svgwg.org/svg2-draft/geometry.html"/>
<html:link rel="match" href="ellipse-ref.svg" />
<style>
ellipse {
fill: blue;
font-size: 40px;
}
</style>
<ellipse cx="calc(80px + 25% - 2em)" cy="calc(80px + 60% - 2em)"
rx="calc(4 * 5%)" ry="calc(5 * 5%)" />
</svg>
|
