Lucas-Li 2021-12-08 17:59 采纳率: 94.1%
浏览 36
已结题

svg怎样绘制这样的图形，一个圆环，背景是透明的？

img

  • 写回答

2条回答 默认 最新

  • 前端阿彬 前端领域新星创作者 2021-12-08 20:29
    关注

    img


    下面这段代码复制到xxx.svg文件中就好了，img标签引用就行了 <img src="xxx.svg"/>

    如有帮助，望采纳 ^.^ 谢谢

    
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="30px" height="30px" viewBox="0 0 30 30" enable-background="new 0 0 30 30" xml:space="preserve">  <image id="image0" width="30" height="30" x="0" y="0"
    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACOlBMVEX///8ApeAApeAApeAA
peAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAA
peAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAA
peAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAA
peAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAA
peAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAA
peAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAA
peAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAA
peAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAA
peAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAA
peAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeD////5s1PpAAAAvHRSTlMA
BQcGAvjoxpFMCxIQDAoE64AZFxQO51gVIR0WCAMBKEeH3v6VGyYjHxhZ4KwcLKX9kzEwjVYzNSCn
/OY8Ovt+Pz5X5UZFO9z6SitIJYX5kD1PTcBUUgka9+P28Ftd9O5aYvPfUGdoQ/G7a21/74pwcWXP
dncqUezZen3N6nSBhJbVDy2GiIt85I+SjuHiYZk4v9qYnKCjlFwTN2y009bbgqKmqq6ytsTHy9FL
U5urr7O4vMPKzsENNIyoczKMYpAAAAABYktHRACIBR1IAAAAB3RJTUUH5QwJBBcdUynCiQAAAchJ
REFUKM9jYIADRiZmRhZWNnYOTkYGdMDCxc3Dy8fMvwcEBAR5UGW5hIRFuEVh0nv2iIkjy0pISglJ
88jIyjHwyisoKu3Zo6ysIguTlFNVU9fQlEFYpKWtrKysA5PX1ZNX02RBNo1XX9nAwBDC5jYy1hNG
c6mciYGBgSmIxW9mbmaB4RM5SwMra5D7NWxsjVgwpBl4lazs7IHusHFwlGDAApzs7JyZGSRcXN2w
yTKwuHt4eDJ4eXr7YJVm8PXz82cICAySwC7tysoazBAUEhqGXTo8IiKSwUlLiwW7NHNUVDRDTGys
LA7puLh4hoTERD4chiclJTOkpKZJYZdOz8jIZAjIysbub4ac3Og8Bsn8gkI5rMFSFB/vzSCbVVxS
ik26TKC8gpmBIaCyKp8ZU5aruqamGEjL1NbVi2MYL9dgLdbYBGI1t7S2paDJy7VHdjinQNiBbZ1d
aTLIsnzdyT299TA39nU19LdNgBvA4jlxkntyPzwwWcQnT5k6bfoMo5n8/BKzZs+ZO69i/gLkoDb3
X7ho8ZKlyzKDl69YWbSqcflqVLfwrVm7bv2GjZuCN6/YsnVb1nYMj8ruKNy5a+OmpWt3ByCyIADw
2G+AuLaRdgAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0xMi0wOFQyMDoyMzoyOSswODowMDlIDOQA
AAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMTItMDhUMjA6MjM6MjkrMDg6MDBIFbRYAAAAIHRFWHRz
b2Z0d2FyZQBodHRwczovL2ltYWdlbWFnaWNrLm9yZ7zPHZ0AAAAYdEVYdFRodW1iOjpEb2N1bWVu
dDo6UGFnZXMAMaf/uy8AAAAXdEVYdFRodW1iOjpJbWFnZTo6SGVpZ2h0ADMwxvqZ2AAAABZ0RVh0
VGh1bWI6OkltYWdlOjpXaWR0aAAzMD5VWVUAAAAZdEVYdFRodW1iOjpNaW1ldHlwZQBpbWFnZS9w
bmc/slZOAAAAF3RFWHRUaHVtYjo6TVRpbWUAMTYzODk2NjIwOUgToZkAAAARdEVYdFRodW1iOjpT
aXplADczNUJCGPNPEQAAAEd0RVh0VGh1bWI6OlVSSQBmaWxlOi8vL2FwcC90bXAvaW1hZ2VsYy9p
bWd2aWV3Ml85XzE2Mzg4NDgwMjU2OTc1Mjk4XzMyNl9bMF0Tjg1fAAAAAElFTkSuQmCC" ></image>
</svg>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(1条)

报告相同问题？

问题事件

  • 系统已结题 12月17日
  • 已采纳回答 12月9日
  • 创建了问题 12月8日

悬赏问题

  • ¥15 C#中的编译平台的区别影响
  • ¥15 软件供应链安全是跟可靠性有关还是跟安全性有关？
  • ¥15 电脑蓝屏logfilessrtsrttrail问题
  • ¥20 关于wordpress建站遇到的问题！(语言-php)（相关搜索：云服务器）
  • ¥15 【求职】怎么找到一个周围人素质都很高不会欺负他人，并且未来月薪能够达到一万以上（技术岗）的工作？希望可以收到写有具体，可靠，已经实践过了的路径的回答？
  • ¥15 Java+vue部署版本反编译
  • ¥100 对反编译和ai熟悉的开发者。
  • ¥15 带序列特征的多输出预测模型
  • ¥15 Python 如何安装 distutils模块
  • ¥15 关于#网络#的问题：网络是从楼上引一根网线下来，接了2台傻瓜交换机，也更换了ip还是不行