SVG中图形绘制默认顺序是先填充，再描边，再标记，由于描边是居中的，就会导致文字描边的时候文字本身的填充会被覆盖掉，使用CSS paint-order可以有效解决这个描边问题。
文章关键字 ‘SVG’
CSS paint-order祝大家元旦快乐
2020年01月1日，星期三纯前端JS zip打包文件并下载
2019年08月17日，星期六
是时候了，无外链的CSS开发策略
2019年08月17日，星期六
CSS实现文字下面波浪线动画效果
2019年04月21日，星期日
CSS vector-effect与SVG stroke描边缩放
2018年12月24日，星期一
纯CSS实现任意格式图标变色的研究
2018年11月24日，星期六
想要使用CSS改变PNG小图标的颜色，似乎不太可能。但，实际上，我们可以有多种方法改变PNG小图标，SVG小图标的颜色，并且是任意的色值，可以是作为背景图片的图标，也可以是内联的图标。究竟如何CSS改变图标的颜色呢？不妨点进去围观一番。
学习了，CSS中内联SVG图片有比Base64更好的形式
2018年08月19日，星期日
难免的，我们需要在CSS中内联SVG图形，以前我都是把SVG文件转换成Base64格式然后内嵌，最近发现，这并不是最好的方法，最好的方法是使用部分转义的SVG原始代码，兼容IE9+，而且颜色什么的可以直接在CSS中修改。这种方法具体真容是什么？有兴趣可以进去看下。其中有个炸裂的SVG在线压缩合并工具，相信你会喜欢的。
借助SVG文字尺寸自动缩放甚至突破Chrome 12px限制
2018年03月24日，星期六文字大小尺寸跟着容器的尺寸变化。这对于一些需要尺寸自适应的slogon内容就很实用，例如移动端320~414宽度间的自适应。纯CSS可以实现，但如果局部自适应实现就比较麻烦，canvas则效果不好，SVG实现则兼顾两者的优点……
小tips: 0学习成本实现HTML元素粘滞融合效果
2017年12月21日，星期四元素粘滞融合效果很酷，看上去很难实现，实际上实现却非常容易，几乎0学习成本，一起来看看究竟吧！
深入理解SVG feDisplacementMap滤镜及实际应用
2017年12月14日，星期四借助SVG feDisplacementMap滤镜可以实现非常有意思的水波效果。本文深入介绍feDisplacementMap滤镜的作用原理，同时展示其在实际项目中可以大规模实际应用的潜力。
我的应用
我的应用