在SVG中创建多边形使用 <polygon> 元素。以下是一个简单的SVG多边形的例子：
<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
  <polygon points="100,10 40,198 190,78 10,78 160,198" fill="orange" stroke="black" stroke-width="2" />
</svg>

解释：

  •  <polygon> 元素用于创建多边形。

  •  points 属性定义了多边形的各个顶点坐标。坐标之间用空格或逗号分隔。

  •  fill 属性定义了多边形的填充颜色。

  •  stroke 属性定义了多边形的边框颜色。

  •  stroke-width 属性定义了多边形的边框宽度。


在这个例子中，多边形的顶点坐标为 (100,10)、(40,198)、(190,78)、(10,78) 和 (160,198)。多边形被填充为橙色，具有黑色的边框。

你可以根据需要调整这些属性以及添加其他属性，以满足你的具体设计要求。 SVG的灵活性允许你创建各种各样的图形，并通过调整属性来定制外观。


转载请注明出处：http://www.pingtaimeng.com/article/detail/12382/SVG