|
1 <?xml version="1.0" standalone="no"?> |
|
2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" |
|
3 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> |
|
4 <svg width="12cm" height="5.25cm" viewBox="0 0 1200 525" version="1.1" |
|
5 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
|
6 <title>Example arcs02 - arc options in paths</title> |
|
7 <desc>Pictures showing the result of setting |
|
8 large-arc-flag and sweep-flag to the four |
|
9 possible combinations of 0 and 1.</desc> |
|
10 <g font-family="Verdana" > |
|
11 <defs> |
|
12 <g id="baseEllipses" font-size="20" > |
|
13 <ellipse cx="125" cy="125" rx="100" ry="50" |
|
14 fill="none" stroke="#888888" stroke-width="2" /> |
|
15 <ellipse cx="225" cy="75" rx="100" ry="50" |
|
16 fill="none" stroke="#888888" stroke-width="2" /> |
|
17 <text x="35" y="70">Arc start</text> |
|
18 <text x="225" y="145">Arc end</text> |
|
19 </g> |
|
20 </defs> |
|
21 <rect x="1" y="1" width="1198" height="523" |
|
22 fill="none" stroke="blue" stroke-width="1" /> |
|
23 |
|
24 <g font-size="30" > |
|
25 <g transform="translate(0,0)"> |
|
26 <use xlink:href="#baseEllipses"/> |
|
27 </g> |
|
28 <g transform="translate(400,0)"> |
|
29 <text x="50" y="210">large-arc-flag=0</text> |
|
30 <text x="50" y="250">sweep-flag=0</text> |
|
31 <use xlink:href="#baseEllipses"/> |
|
32 <path d="M 125,75 a100,50 0 0,0 100,50" |
|
33 fill="none" stroke="red" stroke-width="6" /> |
|
34 </g> |
|
35 <g transform="translate(800,0)"> |
|
36 <text x="50" y="210">large-arc-flag=0</text> |
|
37 <text x="50" y="250">sweep-flag=1</text> |
|
38 <use xlink:href="#baseEllipses"/> |
|
39 <path d="M 125,75 a100,50 0 0,1 100,50" |
|
40 fill="none" stroke="red" stroke-width="6" /> |
|
41 </g> |
|
42 <g transform="translate(400,250)"> |
|
43 <text x="50" y="210">large-arc-flag=1</text> |
|
44 <text x="50" y="250">sweep-flag=0</text> |
|
45 <use xlink:href="#baseEllipses"/> |
|
46 <path d="M 125,75 a100,50 0 1,0 100,50" |
|
47 fill="none" stroke="red" stroke-width="6" /> |
|
48 </g> |
|
49 <g transform="translate(800,250)"> |
|
50 <text x="50" y="210">large-arc-flag=1</text> |
|
51 <text x="50" y="250">sweep-flag=1</text> |
|
52 <use xlink:href="#baseEllipses"/> |
|
53 <path d="M 125,75 a100,50 0 1,1 100,50" |
|
54 fill="none" stroke="red" stroke-width="6" /> |
|
55 </g> |
|
56 </g> |
|
57 </g> |
|
58 </svg> |
|
59 |