HTML5 canvas这个玩意用通俗的话来讲就是一块用来画画的布，不过这不是普通的布，这是个类似于神笔马良的那个神笔一样神奇的东西，可以画出很多精湛美妙的东西。本文就展示两个基于canvas的炫酷效果，可以让我们对canvas的潜力有个比较直观的认识。一如既往，有demo页面，有效果截图，相关源代码展示。本文甚至还有video视频展示，总之，希望本文的内容能够对您 学习有所帮助。
文章关键字 ‘canvas’
基于canvas画布的两个炫酷效果展示
2011年05月17日，星期二图片旋转+剪裁js插件(兼容各浏览器)
2010年05月6日，星期四在现在的web应用中，对上传的图片，例如头像，原始的摄影照片常常需要在web页面上进行一些处理，常见的处理就是剪裁与旋转。但是，似乎就目前而言，缺少即支持剪裁又支持旋转且轻量级的js插件。于是，我就抽时间写了个简单的插件。
兼容各个浏览器，使用canvas元素实现旋转，封装良好，希望能对您有所帮助。
翻译 – 逐渐消失的Flash网站
2010年04月20日，星期二
如果你想要一个盛大的视觉效果的网站，含有复杂的交互以及跨浏览器的富体验，flash是唯一的选择。确实如此吗？回答是“不是”。随着现代浏览器的进步与提升，以及JavaScript库的被广泛采纳，使用flash显得没有意义了。但是考虑到渐进增强的需要，目前flash站点在web上仍有一席之地。
在当前的景观技术下，以及通过诸如相框，netbooks、手机、电视这类设备访问互联网时，网络标准的好处要大于那些flash，尤其是当提供内容是在各种设备上面对更广泛的受众时。
Flash是一个坐在浏览器扩展功能顶部的专利产品 。尽管flash可以提供在某一段时间内可能缺失的功能，但是对于现代浏览器而言，其所带来的价值几乎为0. 随着越来越多的设计师以及开发人员意识到web标准的好处，以及开始使用一些HTML5和CSS3的特征，我们会更少看到由Flash驱动的网站。
图片旋转效果的一些研究、jQuery插件及实例
2010年01月12日，星期二图片的旋转可以说是一种效果，但是逐渐的，旋转已经不单单是属于视觉效果那个范畴，其更具有使用性，功能性。我们都知道，照片有时候是需要横过来的拍的，当我们预览或共享到web上时需要进行旋转。这个操作在以往可能更多的是交给软件去完成，然后再将旋转到正常角度的图片发布到web上。但是，现在直接就可以在web上对图片进行旋转之类的处理，就算图片处理软件再怎么方便好用，也不及直接发布时对图片做调整来的方便。这就是图片旋转功能的实用意义。
本文从各个方面阐述图片旋转的实现方法，一步一步，从CSS，滤镜，canvas标签，涉及各个浏览器，分析各自特性，并讲解一些插件，最后提供各种方法的综合实例，有详细的demo页面和源文件下载，希望能对您有所帮助。
jQuery-两款不同原理的圆角插件讲解
2010年01月6日，星期三本文介绍两款原理完全不同的jQuery圆角插件，一个是jquery.corners.js插件，还有一个是jquery.corner.js插件，两个相差一个”s”，但是内部核心方法差异却很大，一个是使用canvas标签，另外一个则用div标签一个一个摞起来的。
另外，本文还会对每一款插件做讲解，包括其使用方法，实现的原理，注意的问题等。每款均提供demo页面与相关源文件下载。文章最后还总结了各个插件的优缺点等，总之，希望能对您对圆角的学习和认识有所帮助。
reflection.js-实现图片投影倒影效果js插件
2009年08月30日，星期日如果您使用过igoogle的话，可能注意到其“谷歌图片集锦”模块的底部图片都是有投影效果的。
要实现这种图片投影效果，需要用到一个HTML5中使用的标签，canvas标签。
如果您对canvas标签不熟，没有关系，已经有人将这种投影效果写成了插件，您直接调用此js就可以实现投影效果了。
使用方法很简单：
1.调用此js；
2.需要投影的图片添加class——”reflect”；
然后预览就可以实现图片的投影效果了。
本文提供实例页面和打包下载，希望对您有所帮助。
我的应用
我的应用