项目场景

相关背景：

图标实时动态标色的需求，PC端一般可以直接使用 SVG 标签，修改相应的fill stroke属性值去实现变色。但是小程序端暂时不支持使用 SVG 标签。目前使用 ios 和 安卓，各家小程序都兼容比较好的是：通过背景图片的方式，svg encode, 然后通过变更 fill 值实现图标变色。

解决方案

推荐博客

• 小程序的开发之使用SVG
• 小程序的image组件无法展示优化后的SVG
• SVG在线压缩合并工具