basic-svg/polygon.html at master · sourovroy/basic-svg · GitHub

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
<!DOCTYPE html>
<html>
<head>
	<title>Scalable Vector Graphics</title>

	<link rel="stylesheet" href="style.css">
</head>
<body>

	<div class="container">

		<h1>SVG <code>polygon</code></h1>
		<svg width="280" height="210">
			<polygon points="140,10 260,190 20,190" fill="lime" stroke="purple" stroke-width="1" fill-rule="evenodd" />
		</svg>

		<hr>

		<svg height="210" width="500">
			<polygon points="100,10 40,198 190,78 10,78 160,198" fill="lime" fill-rule="nonzero" stroke-width="5" stroke="purple" />
		</svg>

		<hr>

		<svg height="210" width="500">
			<polygon points="100,10 40,198 190,78 10,78 160,198" fill="lime" fill-rule="evenodd" stroke-width="5" stroke="purple" />
			<polygon points="80,80 120,80 134,121 100,148 66,121" fill="#777777" />
		</svg>
	</div> <!-- /.container -->

</body>
</html>