微信小程序使用canvas修改svg图标颜色

使用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 &