0x1 前言
做过前端开发的都知道,我们在日常的开发中,常常需要用到很多图标,而且有时候,图标的颜色要跟随系统的颜色配置来实时更改需要的颜色。在这里我相信大多数的情况都会选择使用强大的iconfont
图标库来完成。但是我这里要介绍是另一个方法,不需要引用iconfont
图标库文件。话不多说,我们开始。
0x2 主角登场
我们都知道,图片图标是无法通过CSS
修改颜色的,无论是png
还是jpg
。但是svg
却可以。那么到底该如何实现呢?
那么久需要借助svg-inject.js
这个插件啦!!!简直不要太强大。点击这里可以下载
0x3 如何使用
使用起来也非常的简单。
第一步当然就是需要引入上面下载下来的js
文件啦。
<script src