<!DOCTYPE html>
<html>
<head>
<title>Thẻ svg nhúng hình đa giác trong HTML</title>
</head>
<body>
<h1>Thẻ svg nhúng hình đa giác trong HTML</h1>
<!--Nếu trình duyệt không hỗ trợ SVG nội tuyến thì hiện thông báo rất tiếc-->
<!--Chiều rộng svg: 300px, chiều cao svg: 200px-->
<svg width="300" height="200">
<!--x1,y1 x2,y2 đến xn,yn-->
<!--100,10 là góc thứ nhất, 40,198 góc thứ 2-->
<!--Nền màu đỏ, border rộng 5px màu đen, fill-rule:evenodd số lần một đường kẻ từ điểm cắt qua đường dẫn là số chẳn sẽ được tô màu, lẻ không được tô màu-->
<polygon points="100,10 40,198 190,78 10,78 160,198"
style="fill:red;stroke:black;stroke-width:5;fill-rule:evenodd;" />
Rất tiếc, trình duyệt của bạn không hỗ trợ SVG nội tuyến.
</svg>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Thẻ svg nhúng hình đa giác trong HTML</title>
</head>
<body>
<h1>Thẻ svg nhúng hình đa giác trong HTML</h1>
<!--Nếu trình duyệt không hỗ trợ SVG nội tuyến thì hiện thông báo rất tiếc-->
<!--Chiều rộng svg: 300px, chiều cao svg: 200px-->
<svg width="300" height="200">
<!--x1,y1 x2,y2 đến xn,yn-->
<!--100,10 là góc thứ nhất, 40,198 góc thứ 2-->
<!--Nền màu đỏ, border rộng 5px màu đen, fill-rule:evenodd số lần một đường kẻ từ điểm cắt qua đường dẫn là số chẳn sẽ được tô màu, lẻ không được tô màu-->
<polygon points="100,10 40,198 190,78 10,78 160,198"
style="fill:red;stroke:black;stroke-width:5;fill-rule:evenodd;" />
Rất tiếc, trình duyệt của bạn không hỗ trợ SVG nội tuyến.
</svg>
</body>
</html>
