-
Notifications
You must be signed in to change notification settings - Fork 0
/
learn_svg.html
executable file
·26 lines (26 loc) · 1.36 KB
/
learn_svg.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
<html>
<body>
<svg width ="1300" height ="1300">
<circle cx = "150" cy = "150" r = "40" stroke = "green" stroke-width="4"fill="yellow"/>
<circle cx = "350" cy = "350" r = "40" stroke = "yellow" stroke-width="4"fill="green"/>
<rect width="300" height="100"style = "fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)"/>
<rect x = "400" y = "20" width = "150" height = "150"
style = "fill:blue;stroke:pink;stroke-width:5;fill-opacity:0.1;stroke-opacity:0.9"/>
<rect x = "600" y = "20" rx="20" ry="20" width="150" height="150"
style = "fill:red;stroke:black;stroke-width:5;opacity:0.5"/>
<ellipse cx = "150" cy = "400" rx = "100" ry = "50"
style = "fill:yellow;stroke:purple;stroke-width:2"/>
<line x1 = "550" y1 = "200" x2 = "900" y2="900" style = "stroke-width:4;stroke:rgb(255,0,0)"/>
<polygon points="430,200 450,400 410,400"
style = "fill:lime;stroke:purple;stroke-width:1"/>
<polygon points = "470,200 490,400 450,400"
style = "fill:lime;stroke:purple;stroke-width:1"/>
<line x1="430"y1="400"x2="430"y2="750"
style = "stroke-width:4;stroke:rgb(255,0,0)"/>
<polyline points = "0,500 30,500 30,530 50,530 50,560 70,560 70,590"
style = "stroke:red;stroke-width:4;fill:white"/>
<line x1="70"y1="590"x2="500"y2="590"
style = "stroke:green;stroke-width:4"/>
</svg>
</body>
</html>