SVG <多边形>
SVG 多边形 - <多边形>
<polygon> 元素用于创建至少包含三个边的图形。
多边形由直线组成，形状为"closed"（所有线连接起来）。
多边形源自希腊语。 "Poly" 表示"many"，"gon" 表示"angle"。
示例1
以下示例创建一个具有三边的多边形：
这是 SVG 代码：
示例
<svg height="210" width="500">
<polygon points="200,10 250,190 160,210" style="fill:lime;stroke:purple;stroke-width:1" />
</svg>
亲自试一试 »
代码解释：
- 点属性定义多边形每个角的 x 和 y 坐标
示例2
以下示例创建一个具有四个边的多边形：
这是 SVG 代码：
示例
<svg height="250" width="500">
<polygon points="220,10 300,210 170,250 123,234" style="fill:lime;stroke:purple;stroke-width:1" />
</svg>
亲自试一试 »
示例3
使用 <polygon> 元素创建一颗星：
这是 SVG 代码：
示例
<svg height="210" width="500">
<polygon points="100,10 40,198 190,78 10,78 160,198"
style="fill:lime;stroke:purple;stroke-width:5;fill-rule:nonzero;" />
</svg>
亲自试一试 »
示例4
将填充规则属性更改为 "evenodd"：
这是 SVG 代码：
示例
<svg height="210" width="500">
<polygon points="100,10 40,198 190,78 10,78 160,198"
style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" />
</svg>
亲自试一试 »
截取页面反馈部分，让我们更快修复内容！也可以直接跳过填写反馈内容!