「已注销」 2021-12-08 09:59 采纳率: 94.3%
浏览 37
已结题

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

img

  • 写回答

2条回答 默认 最新

  • 前端阿彬 前端领域新星创作者 2021-12-08 12: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月16日
  • 已采纳回答 12月9日
  • 创建了问题 12月8日

悬赏问题

  • ¥15 PADS Logic 原理图
  • ¥15 PADS Logic 图标
  • ¥15 电脑和power bi环境都是英文如何将日期层次结构转换成英文
  • ¥20 气象站点数据求取中~
  • ¥15 如何获取APP内弹出的网址链接
  • ¥15 wifi 图标不见了 不知道怎么办 上不了网 变成小地球了
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部