将上面的图形大小修改为40
时间: 2024-03-01 18:50:50 浏览: 22
如果要将上述正六边形的大小修改为 40,则需要重新计算其顶点坐标。由于正六边形的每个内角为 120 度,因此可以根据三角函数计算出其边长(假设为 a),进而计算出每个顶点的坐标。具体计算方法如下:
1. 根据正六边形的内角和公式可得:a = 40 / (2 * sin(π / 6)) ≈ 46.02。
2. 正六边形的顶点坐标(相对于图像中心)可以表示为:
```
(0, -a)
(a * cos(π / 6), -a * sin(π / 6))
(a * cos(π / 6), a * sin(π / 6))
(0, a)
(-a * cos(π / 6), a * sin(π / 6))
(-a * cos(π / 6), -a * sin(π / 6))
```
3. 将坐标乘以一个缩放因子(比如 10),即可得到相对于 SVG 元素左上角的坐标值。
以下是修改后的代码:
```html
<svg viewBox="-60 -60 120 120" preserveAspectRatio="xMidYMid meet"
width="40" height="40">
<polygon points="0,-46.02 40, -23.01 40, 23.01 0, 46.02 -40, 23.01 -40, -23.01"
stroke="black" stroke-width="2" fill="none" />
</svg>
```
这里使用 viewBox 属性将 SVG 图像的起点坐标和宽高设为 (-60, -60, 120, 120),并设置 preserveAspectRatio 属性为 `xMidYMid meet`。在 SVG 元素中指定 width 和 height 属性为 40,可以将 SVG 图像缩小为容器大小。正六边形的顶点坐标通过计算得出,放置在 SVG 元素中心。
相关推荐
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)