「已注销」 2021-12-12 02:30 采纳率: 94.3%
浏览 18
已结题

svg或者canvas怎样绘制透明图

用代码去实现,就像这个图片一样,放在任何地方它只显示一个圆,其他都是透明的

  • 写回答

1条回答 默认 最新

  • 前端阿彬 前端领域新星创作者 2021-12-12 04:48
    关注

    新建 load.svg
    复制下面内容进去就行了
    然后就可以引入了,
    如有帮助,麻烦点个【采纳此答案】 谢谢啦^0^

    <?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>
    
    

    展开全部

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
编辑
预览

报告相同问题?

问题事件

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

悬赏问题

  • ¥15 vscode platformio
  • ¥15 代写uni代码,app唤醒
  • ¥15 全志t113i启动qt应用程序提示internal error
  • ¥15 ensp可以看看嘛.
  • ¥80 51单片机C语言代码解决单片机为AT89C52是清翔单片机
  • ¥60 优博讯DT50高通安卓11系统刷完机自动进去fastboot模式
  • ¥15 minist数字识别
  • ¥15 在安装gym库的pygame时遇到问题,不知道如何解决
  • ¥20 uniapp中的webview 使用的是本地的vue页面,在模拟器上显示无法打开
  • ¥15 网上下载的3DMAX模型,不显示贴图怎么办
手机看
程序员都在用的中文IT技术交流社区

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

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

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

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

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

客服 返回
顶部