SVG <polygon>元素用于绘制具有多个(3个或者更多)侧面/边缘的形状。

SVG多边形示例

这是一个简单的SVG多边形示例：

<svg xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink">

  <polygon points="10,0  60,0  35,50"
         style="stroke:#660000; fill:#cc3333;"/>

</svg>

我们可能会注意到，即使仅列出了3个点，也都绘制了所有3个面。这是因为<polygon>元素在所有点之间绘制线，包括从最后一个点到第一个点的一条线。 <polyline>不会从最后一个点到第一个点画一条线。这似乎是 <polygon>和 <polyline>元素的唯一区别。

这是一个更大的示例，一个8边的多边形(八边形？)：

<svg xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink">

  <polygon points="50,5   100,5  125,30  125,80 100,105
                   50,105  25,80  25, 30"
          style="stroke:#660000; fill:#cc3333; stroke-width: 3;"/>

</svg>