【生意多】-免费发布分类信息
当前位置: 首页 » 新闻 » 教程 » 小程序 » 正文

微信小程序里使用SVG矢量图标方法详解

放大字体  缩小字体 发布日期:2020-05-09 16:23:35    浏览次数:16
导读

  在微信小程序开发过程中需要在小程序里使用SVG矢量图标,至于为什么要使用SVG图标相信看到这篇文章的你应该明白,如果你不明白请百度一下  注意:生成BASE64编码时需要把开头的data:image/svg;修改成data:image/svg+xml;这个在线工具的问题,使用其它在线编码功能时大家一定要注意  第一种方法直接把SVG图标BASE64

  在微信小程序开发过程中需要在小程序里使用SVG矢量图标,至于为什么要使用SVG图标相信看到这篇文章的你应该明白,如果你不明白请百度一下

  注意:生成base64编码时需要把开头的data:image/svg;修改成data:image/svg+xml;这个在线工具的问题,使用其它在线编码功能时大家一定要注意

  第一种方法直接把SVG图标base64编码放到WXSS文件内,这样做会大大增加微信小程序的体积,如果要更换图标还需要重新编译上传,不推荐

  第二种方法相比第一种方法不会增加小程序的体积,需要更换图标时上传到服务器即可,非常灵活,推荐使用第二种方法

 
(文/小编)
打赏
免责声明
• 
本文为小编原创作品,作者: 小编。欢迎转载,转载请注明原文出处:http://www.31duo.com/news/show-209872.html 。本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们。
 

(c)2016-2019 31DUO.COM All Rights Reserved浙ICP备19001410号-4

浙ICP备19001410号-4