svg画正五边形和正六边形
时间: 2024-02-14 16:08:03 浏览: 93
画正多边形
以下是一个使用SVG绘制正五边形和正六边形的代码示例:
```HTML
<svg viewBox="0 0 100 100">
<!-- 正五边形 -->
<polygon points="50,5 95,35 80,90 20,90 5,35" fill="red"/>
<!-- 正六边形 -->
<polygon points="50,5 90,25 90,75 50,95 10,75 10,25" fill="green"/>
</svg>
```
代码解释:
- `viewBox` 属性定义了SVG视口的大小和位置。
- `polygon` 标签绘制了一个多边形,`points` 属性定义了多边形的顶点坐标,`fill` 属性分别设置为 `red` 和 `green`,表示填充颜色为红色和绿色。
正五边形和正六边形的顶点坐标可以通过计算得到,这里不再赘述。
运行上述代码,将会在浏览器中显示一个正五边形和一个正六边形,如下图所示:
![SVG正五边形和正六边形](https://img-blog.csdnimg.cn/2021092521215123.svg)
阅读全文