微信公众号开发

手把手教你如何在小程序中使用SVG图片

本文主要是介绍手把手教你如何在小程序中使用SVG图片,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
  1. 选择你需要的图片,SVG下载
    推荐iconfont网站
    请添加图片描述
  2. 将其转换成base64
    转换网站
    请添加图片描述
  3. 复制到app.css或你需要的页面css中请添加图片描述
  4. 使用
wxml
<view class="contant_us"></view>
<text class="contant_us"></text>
wxss
//别忘了写宽高哦
.constant_us{
	background-size:cover;
	width:70rpx;
	height:70rpx
}

请添加图片描述

这篇关于手把手教你如何在小程序中使用SVG图片的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!