周末在家就是应该放松的，我的放松手段很简单，就是学习前端知识，写写文章，抽个时间去钓鱼，完美。
本文内容就是一个临时起意的折腾，一个对JS，CSS等文本文件加密为图片的想法。介绍了web信息转图片以及本地文件如何转图片，以及如何解密等。
希望本文的内容对您的学习有所帮助。
小tips: 0学习成本实现HTML元素粘滞融合效果
2017年12月21日 by 阅读 42453 次, 今日 1 次元素粘滞融合效果很酷，看上去很难实现，实际上实现却非常容易，几乎0学习成本，一起来看看究竟吧！
小tip: 了解LinearRGB和sRGB以及使用JS相互转换
2017年12月18日 by 阅读 43737 次, 今日 7 次LinearRGB顾名思义就是线性RGB颜色。
假设白板的光线反射率是100%，黑板的光线反射率是0%。则在线性RGB的世界中，50%灰色就是光线反射率为50%的灰色。
然而，人这种动物，对于真实世界的颜色感受，并不是线性的，而是曲线的……
深入理解SVG feDisplacementMap滤镜及实际应用
2017年12月14日 by 阅读 40122 次, 今日 3 次借助SVG feDisplacementMap滤镜可以实现非常有意思的水波效果。本文深入介绍feDisplacementMap滤镜的作用原理，同时展示其在实际项目中可以大规模实际应用的潜力。
canvas实现iPhoneX炫彩壁纸屏保外加pixi.js流体动效
2017年12月14日 by 阅读 69731 次, 今日 2 次iPhone X手机默认的壁纸是一个非常绚丽多彩的效果，实际上我们使用代码也能实现类似的效果，并且颜色可以定制，甚至我们可以加一些动效，比如说它的颜色像水一样的不断的流动流淌，像云雾一样翻腾。
本文将通过实际案例的方式展示这种效果，同时介绍如何在项目中使用这个效果，以及它实现的原理。希望本文的内容能够对您的学习有所帮助。
canvas实现任意字符图形的打点或连线动画
2017年12月9日 by 阅读 49447 次, 今日 1 次
本文介绍如何借助canvas的getImageData方法实现动态文本字符以及图形图像相关的动效。
多种特效，多种实现方法展示。有JS注释详细为压缩demo，有GIF截屏演示，必要的源代码展示。希望本文的内容能够对您的学习有所帮助。
照片位图转SVG矢量图片JS工具primitive.js等简介
2017年11月30日 by 阅读 39521 次, 今日 6 次primitive是相对来说比较有名的将照片图片使用几何图形重建的工具。基于原始的这个primitive项目算法，很多开发人员拓展了Java版本，react版本等。自然也有JavaScript版本，就是本文要介绍的primitive.js。以及还会介绍其他一些位图转矢量图JS。
10个demo示例学会CSS3 radial-gradient径向渐变
2017年11月23日 by 阅读 96512 次, 今日 10 次实际开发的时候，当要使用radial-gradient径向渐变的时候，脑中会有大概的语法，但是细节却记不住，于是想快捷找个案例看看具体怎么用，然后直接套一下，本文就是满足类似此需求而写，共展示了10例常见使用案例，相信一定可以覆盖你的使用场景的。
3种纯CSS实现中间镂空的12色彩虹渐变圆环方法
2017年11月7日 by 阅读 100923 次, 今日 3 次上周我做了个demo，使用SVG实现了一个彩条圆环倒计时效果，使用SVG实现的优点是兼容性非常好，不足在于学习成本比较高，于是我就琢磨有没有更简单的方法实现类似的多彩圆环渐变效果，最好纯CSS就能搞定。绞尽脑汁想出了下面三种实现方法……
我的应用
我的应用