云大岳

摘要： HTML5 canvas画布笔记画布笔记 阅读全文

摘要： 这个效果是在好个博客看到的，之前一直不留意，今天又发现一个博客也使用了这个效果，于是决定拿来研究研究，并制作成DEMO。这个效果使用了HTML5的画布功能，结合复杂的JS实现了鼠标经过有划痕并且根据速度角度等描绘出圆润的描线效果。使用步骤：一、声明HTML5文档二、加载harmony.js文件。下载地址：www.qttc.net/static/demo/huabu/harmony.js三、执行JS函数harmony()。四、在需要显示画布的地方加入“”代码，宽高自己调演示地址：www.qttc.net/static/demo/huabu注：必须使用支持HTML5的浏览器打开，如Chrome、火 阅读全文

摘要： Just Canvas Demo ====================================================================对context.save();的解释： 2D渲染上下文可以保存一个绘图状态栈，是一组之前保存的状态 其中最近保存的状态位于栈的顶部。 绘图状态的默认栈是空的。 可以多次调用save()方法，会逐一保存在栈中，有严格顺序的。对context.restore()的解释： 恢复画布状态，即save的状态；=====================================... 阅读全文