blob: 74c32fb33cb94cbb8637fc2504026409eaac605a (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<svg width="340" height="140"
xmlns="http://www.w3.org/2000/svg"
xmlns:html="http://www.w3.org/1999/xhtml">
<title>Circle coordinates and radius specified by percentage</title>
<html:link rel="help" href="https://svgwg.org/svg2-draft/geometry.html"/>
<html:link rel="match" href="circle-ref.svg" />
<style>
circle {
cx: 60%; /* 60% of width 340 */
cy: 40%; /* 40% of height 140 */
r: 25%; /* 25% of normalized diagonal 260 */
fill: blue;
}
</style>
<circle />
</svg>
|
