主要介绍了微信小程序里引入SVG矢量图标的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

在微信小程序开发过程中需要在小程序里使用SVG矢量图标,下面为大家分享2种在微信小程序中引入SVG矢量图标的方法

引言 因为微信小程序的限制，引入外部图片或者矢量图，只能通过设置背景图片background-image : url("base64转码后的代码");的方式来进行操作。同时还是因为微信小程序的限制，我们要先把svg的xml编码转码为base64编码 首先，说明以下我们常见的svg矢量图是什么？下面引用百度百科的话： svg是基于可扩展标记语言（标准通用标记语言的子集），用于描述二维矢量图形的一种图形格式 可能还是比较迷糊，那我们来看看，用记事本打开一个svg，里面的编码是什么： <!D