每次要用到图标的时候都会到 icono 去copypaste，但每次用到的时候尺寸都各不一样，总是要调整参数，巨烦。当然你可以会想到用zoom、scale来做缩放，但是这样的缩放会使得线宽也变粗了，不甚满意。
终于下定心思来改造一个可缩放的图标库。github先上：https://github.com/qieguo2016/iconoo，目前提供下载link标签引入和npm+webpack的引入方式，详见项目的readme。（喂，求star！）
关于改造，一开始的想法就是使用百分比尺寸来改造，然后马上发现不可行了，绘制图标最依赖的两种手段：border、box-shadow都不可以用百分比，所以这个想法，pass！然后很自然就想到了在单位上做文章，rem？No、No、No，一个库依赖全局变量那简直是个笑话。剩下的自然就是em了，在icon级设置font-size，然后icon本身以及后代都以这个font-size为参照，Perfect！
CSS绘图的原理
使用CSS绘制线条，用到的不外乎两个属性：border & box-shadow。而形状则可以用border-radius、transform控制，位置会用到绝对定位、transform、margin等。CSS的绘图，做过几个就知道大概是怎么回事了，归根到底，还是几何。
比如最简单的加号：
View Code
延伸阅读
- ssh框架 2016-09-30
- 阿里移动安全 [无线安全]玩转无线电——不安全的蓝牙锁 2017-07-26
- 消息队列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 论文笔记【图片目标分割】 2017-07-26
- 词向量-LRWE模型-更好地识别反义词同义词 2017-07-26
- 从栈不平衡问题 理解 calling convention 2017-07-26
- php imagemagick 处理 图片剪切、压缩、合并、插入文本、背景色透明 2017-07-26
- Swift实现JSON转Model - HandyJSON使用讲解 2017-07-26
- 阿里移动安全 Android端恶意锁屏勒索应用分析 2017-07-26
- 集合结合数据结构来看看(二) 2017-07-26
学习是年轻人改变自己的最好方式