和CSS相比，SVG以及canvas对文字排版的支持很弱。
在CSS中天然支持的文本自动换行，其他letter-sapcing字间距，writing-mode竖排等都是一个CSS属性就可以实现。但是在canvas中，全部都不支持。
但是canvas可以方便把文字转换成图片，有些场合，例如广告生成工具就需要canvas前端图片生成，此时我们该如何处理这些文字排版呢？
文章关键字 ‘rotate’
canvas文本绘制自动换行、字间距、竖排等实现
2018年02月5日，星期一3种纯CSS实现中间镂空的12色彩虹渐变圆环方法
2017年11月7日，星期二上周我做了个demo，使用SVG实现了一个彩条圆环倒计时效果，使用SVG实现的优点是兼容性非常好，不足在于学习成本比较高，于是我就琢磨有没有更简单的方法实现类似的多彩圆环渐变效果，最好纯CSS就能搞定。绞尽脑汁想出了下面三种实现方法……
理解SVG transform坐标变换
2015年10月10日，星期六
本文是SVG学习基本且重要的知识点。本文相当详尽的讲解了SVG transform变换的语法、特点以及一些实际的处理等等。有相当多的截图，源代码展示，还有必要的demo，对了，还有很多gif示意。如果你要学习SVG, 本文内容一定会对你的学有所帮助的。
CSS3 box-shadow兼容loading效果兼IE10+ CSS Hack介绍
2013年05月29日，星期三
摘要，摘个鬼啊，本来只想来个短篇的，该死的越写越多，这个点了，还有鬼心情写摘要啊。总之，是处理IE10+浏览器非常不错的一篇文章，demo啊，截图啊，源代码显然很多的啦。还有大量关于伪类伪元素的小技巧小知识等……就这样，我先撤了~~~
CSS3+js实现多彩炫酷旋转圆环时钟效果
2010年08月9日，星期一
本文介绍主要由CSS3 transform的rotate配合一些巧妙的方法实现的炫酷的时钟旋转效果。虽说没有多大实用价值，不过对于熟悉CSS3的旋转属性，以及了解IE滤镜旋转的一些知识是很有用的。本文提供源文件下载，代码展示，以及必要的demo。希望能对您的学习有所帮助。
图片旋转效果的一些研究、jQuery插件及实例
2010年01月12日，星期二图片的旋转可以说是一种效果，但是逐渐的，旋转已经不单单是属于视觉效果那个范畴，其更具有使用性，功能性。我们都知道，照片有时候是需要横过来的拍的，当我们预览或共享到web上时需要进行旋转。这个操作在以往可能更多的是交给软件去完成，然后再将旋转到正常角度的图片发布到web上。但是，现在直接就可以在web上对图片进行旋转之类的处理，就算图片处理软件再怎么方便好用，也不及直接发布时对图片做调整来的方便。这就是图片旋转功能的实用意义。
本文从各个方面阐述图片旋转的实现方法，一步一步，从CSS，滤镜，canvas标签，涉及各个浏览器，分析各自特性，并讲解一些插件，最后提供各种方法的综合实例，有详细的demo页面和源文件下载，希望能对您有所帮助。
我的应用
我的应用