-
Notifications
You must be signed in to change notification settings - Fork 338
/
index.html
46 lines (40 loc) 路 1.07 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<html>
<head>
<title>SVG Examples</title>
</head>
<body>
Some simple SVG shapes:
<br/>
<svg width="200" height="200">
<circle
cx="100" cy="100" r="40" stroke="green" stroke-width="4" fill="lime" />
</svg>
<svg width="200" height="200">
<rect
x="50" y="50" rx="20" ry="20" width="100" height="100"
style="
fill:black;
stroke:lightgreen;
stroke-width:5;
fill-opacity:0.1;
stroke-opacity:0.9
"
/>
</svg>
<svg height="220" width="300">
<ellipse cx="150" cy="100" rx="100" ry="30" style="fill:lime" />
<ellipse cx="150" cy="120" rx="100" ry="20" style="fill:green" />
<ellipse cx="150" cy="140" rx="100" ry="15" style="fill:gray" />
</svg>
<svg height="220" width="250">
<polygon points="100,10 40,198 190,78 10,78 160,198"
style="
fill:green;
stroke:lime;
stroke-width:5;
fill-rule:evenodd;
"
/>
</svg>
</body>
</html>