本文主要是介绍手把手教你如何在小程序中使用SVG图片,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
- 选择你需要的图片,SVG下载
推荐iconfont网站
![请添加图片描述](/upload/202112/06/202112061447492805.png)
- 将其转换成base64
转换网站
![请添加图片描述](/upload/202112/06/202112061447494727.png)
- 复制到app.css或你需要的页面css中
![请添加图片描述](/upload/202112/06/202112061447495801.png)
- 使用
wxml
<view class="contant_us"></view>
<text class="contant_us"></text>
wxss
//别忘了写宽高哦
.constant_us{
background-size:cover;
width:70rpx;
height:70rpx
}
![请添加图片描述](/upload/202112/06/202112061447496748.png)
这篇关于手把手教你如何在小程序中使用SVG图片的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!