使用canvas修改svg图标颜色
最近写公司项目遇到一个坑爹的需求,如下图:选择不同的板式,上面文字颜色,图标颜色都要跟着一起变化,因为板式数据都是从后台获取,我想这不是很简单嘛,直接让后台将图标一到给我就完事了。
想着美滋滋,现实很残酷,后台只给色值,没办法,只能想想其他办法,最后翻看了很多文档,最终选择使用svg来解决图标变色的问题
话不多说,直接上代码
data: {
src:'/images/icon/1.svg',//图标
imgurl:'',//页面展示的图标
color:''//后台获取的颜色值
},
//动态修改svg颜色
colorSVG(){
var that = this
wx.getFileSystemManager().readFile({
filePath: that.data.src,
encoding: 'binary',
success: res => {
let basestr &