突发奇想给自己想了个需求， 抽时间研究并实现了下，作为日后的技术储备，等待厚积薄发。
文章关键字 ‘图形生成’
任意两个点的曲线连接JS算法
2023年02月27日，星期一万物皆可clip-path，纯CSS绘制0-9数字
2022年07月27日，星期三
常见的CSS图形绘制合集
2019年01月14日，星期一
分享三个纯CSS实现26个英文字母的案例
2019年01月11日，星期五
不借助Echarts等图形框架原生JS快速实现折线图效果
2018年05月25日，星期五不借助Echarts等图形框架原生JS快速实现折线图效果，文章本身没什么，关键文章底部有个有奖竞猜，猜中有机会免费赠送《CSS世界》签名版，要不过来试试。
CSS3 linear-gradient线性渐变实现虚线等简单实用图形
2017年10月27日，星期五我觉得CSS3 Backgrounds比较厉害的一个地方就是支持多背景，也就是背景图片个数可以无限累加，正好CSS3的gradient渐变性质是background-image，于是，我们可以实现任意数量渐变背景图的叠加效果。甚至，理论上，任意彩色jpg图片都是可以使用CSS3渐变背景实现的。
当然我们实际开发的时候，是不会使用CSS3渐变来模拟一张图片的，更多是用来生成一些简单实用的图形。
本文就将通过实现虚线，三角以及加号减号等案例，展示下CSS3 linear-gradient线性渐变要图形生成技巧。
秋月何时了，CSS3 border-radius知多少？
2015年11月1日，星期日深入理解CSS3 border-radius的一些特性表现。平时使用的那点东西只是浮于表面的，实际上，border-radius支持的属性值呢，还是有点料的，也有很多需要注意的tips. 本文就算是border-radius进阶学习，还是一如既往的，有丰富的截图，表情图，琐碎图，插科打诨图；有丰富的源代码展示，对了，还有纯手动打算的便于学习的demo。希望本文的内容能够对您的学习有所帮助。
CSS3 clip-path polygon图形构建与动画变换二三事
2015年03月26日，星期四本文絮絮叨叨CSS3 clip-path polygon在图形构建和动画这块的三两事，没什么惊天动地的知识点，大家可以当散文看下。放心，有demo有截图有代码展示，还有视频播放呢！总之，希望本文的内容能够对您的学习有所帮助。
currentColor-CSS3超高校级好用CSS变量
2014年10月25日，星期六currentColor顾名思意就是“当前颜色”，准确讲应该是“当前的文字颜色”，是非常强大非常好用的一个关键字。本文就将介绍这个关键字的含义、表现，以及提供两个实例展示其价值之处。必要的源代码、必要的截图、必要的demo一个不少，总之，希望本文的内容能够对您的学习有所帮助。
小tip: SVG和Canvas分别实现图片圆角效果
2014年06月30日，星期一实现图片圆角的方法很多，图片覆盖，CSS3圆角，SVG, Canvas都可以实现，前两个大家可能都比较熟悉，这里，着重介绍后面2种技术实现。希望在某一时刻对有需要的同行能有帮助。必须的，有demo, 有截图，有源代码展示。
我的应用
我的应用