html polygon
时间: 2023-06-20 16:04:42 浏览: 177
polygon的制作
HTML 的多边形(polygon)标签可以用来创建具有多个边的形状。该标签使用坐标来指定形状的点,从而定义多边形的形状。以下是一个例子,展示如何使用 polygon 标签创建一个三角形形状:
```html
<svg width="100" height="100">
<polygon points="50 0, 0 100, 100 100" style="fill:red;" />
</svg>
```
在上述例子中,`<svg>` 标签用来创建一个 SVG 画布,然后在画布上使用 `<polygon>` 标签创建一个三角形形状。`points` 属性指定了三个点的坐标,每个点之间用逗号分隔。在这个例子中,三个点的坐标分别为 `(50,0)`、`(0,100)` 和 `(100,100)`。`style` 属性用来定义形状的样式,这里将其设置为红色填充。
你可以根据需要添加更多的点来创建更复杂的多边形形状。
阅读全文