一个64x64的六边形的svg代码
时间: 2024-05-07 10:19:55 浏览: 8
可以尝试以下的 SVG 代码:
```
<svg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<polygon points="32,2 62,18 62,46 32,62 2,46 2,18" fill="none" stroke="black" stroke-width="2" />
</svg>
```
这个 SVG 代码创建了一个 64x64 的 viewBox,然后在其中绘制了一个六边形,使用了一些简单的坐标来定义其形状。该六边形的边框颜色为黑色,边框宽度为2。你可以将该代码复制到任何支持 SVG 的编辑器中查看效果。
相关问题
一个方块的64x64svg代码
以下是一个简单的 64x64 的正方形的 SVG 代码:
```html
<svg width="64" height="64">
<rect width="64" height="64" style="fill:rgb(255,255,255);stroke-width:3;stroke:rgb(0,0,0)"/>
</svg>
```
这个代码会创建一个白色填充、黑色边框的 64x64 的正方形,你可以根据需要自行修改颜色和边框宽度。
如何使用svg画一个正六边形
可以使用 SVG 的 `<polygon>` 元素来画一个正六边形,具体步骤如下:
1. 在 SVG 中创建一个 `<polygon>` 元素。
2. 设置 `<polygon>` 元素的 `points` 属性,用于指定正六边形的六个顶点坐标。
3. 设置 `<polygon>` 元素的其他属性,比如 `stroke`(边框颜色)、`stroke-width`(边框宽度)、`fill`(填充颜色)等。
以下是一个画正六边形的示例代码:
```html
<svg width="100" height="100">
<polygon points="50,0 95,25 95,75 50,100 5,75 5,25"
stroke="black" stroke-width="2" fill="none" />
</svg>
```
其中,`points` 属性的值为 `"50,0 95,25 95,75 50,100 5,75 5,25"`,这里的坐标按顺序依次为正六边形的顶点坐标。注意,这里的坐标是相对于 SVG 元素左上角的,因此正六边形的中心点并不在坐标原点。如果需要把正六边形放置在 SVG 中心,可以按比例计算出顶点坐标。