SVG（Scalable Vector Graphics）是一种用于描述二维矢量图形的XML标记语言，它可以用来创建各种形状，包括多边形。在本章节中，我们将详细介绍如何使用SVG创建多边形。
创建多边形
要创建一个多边形，我们需要使用SVG的<polygon>元素。<polygon>元素定义了一个封闭的多边形，其属性points用于指定多边形的顶点坐标。
下面是一个简单的例子，创建一个三角形：
---- ----------- ------------- -------- ------------ ----- -------- ---------- -- ------
在这个例子中，我们定义了一个宽高为100的SVG画布，然后使用<polygon>元素创建了一个三角形，三个顶点的坐标分别为(50,0)、(0,100)和(100,100)，填充颜色为红色。
多边形属性
除了points属性外，多边形还可以设置一些其他属性，来控制其外观。以下是一些常用的多边形属性：
fill: 填充颜色stroke: 边框颜色stroke-width: 边框宽度stroke-dasharray: 边框虚线样式opacity: 透明度
下面是一个例子，创建一个带有边框的五边形：
---- ----------- ------------- -------- ------------ ---- ------ ------ ------- ------------------ ------------- ---------------- -- ------
在这个例子中，我们创建了一个五边形，填充颜色为透明，边框颜色为蓝色，边框宽度为2像素。
总结
通过本章节的学习，你应该已经了解了如何使用SVG创建多边形，并控制其外观。在实际开发中，你可以根据需要设置多边形的属性，来实现各种不同的效果。下一章节我们将继续介绍SVG的其他形状和功能。