一个方块的64x64svg代码
时间: 2024-05-14 11:19:02 浏览: 12
以下是一个简单的 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 的正方形,你可以根据需要自行修改颜色和边框宽度。
相关问题
一个64x64的六边形的svg代码
可以尝试以下的 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 的编辑器中查看效果。
一个三维方块的svg代码
下面是一个简单的三维方块的SVG代码:
```html
<svg width="100" height="100">
<rect x="30" y="30" width="40" height="40" fill="#F44336" />
<rect x="70" y="10" width="40" height="40" fill="#E91E63" />
<rect x="30" y="70" width="40" height="40" fill="#9C27B0" />
<rect x="10" y="10" width="40" height="40" fill="#673AB7" />
<rect x="70" y="70" width="40" height="40" fill="#3F51B5" />
<rect x="10" y="70" width="40" height="40" fill="#2196F3" />
<rect x="10" y="30" width="40" height="40" fill="#00BCD4" />
<rect x="70" y="30" width="40" height="40" fill="#4CAF50" />
<rect x="50" y="50" width="40" height="40" fill="#FFEB3B" />
</svg>
```
这个代码使用了SVG的`rect`元素,分别绘制了八个矩形,用不同的颜色填充,组成了一个三维方块的效果。你可以根据需要修改颜色和位置。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.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)