不错html5画布效果，可惜网站不需要。亲们，可以看一下~

这个效果是在好个博客看到的，之前一直不留意，今天又发现一个博客也使用了这个效果，于是决定拿来研究研究，并制作成DEMO。

这个效果使用了HTML5的画布功能，结合复杂的JS实现了鼠标经过有划痕并且根据速度角度等描绘出圆润的描线效果。

使用步骤：

一、声明HTML5文档 <!DOCTYPE html>

二、加载harmony.js文件。

下载地址：www.qttc.net/static/demo/huabu/harmony.js

三、执行JS函数harmony()。

四、在需要显示画布的地方加入“<canvas style="width:100%;height:100%;cursor:crosshair;"></canvas>”代码，宽高自己调

演示地址：www.qttc.net/static/demo/huabu

注：必须使用支持HTML5的浏览器打开，如Chrome、火狐、IE9等等。

posted @ 2013-07-22 11:59  云大岳  阅读(253)  评论(0)    收藏  举报