canvas学习资料及刮刮卡效果

来源:互联网 发布:列车网络控制系统 编辑:程序博客网 时间:2024/06/15 03:51

canvas学习资料:

http://www.w3school.com.cn/tags/html_ref_canvas.asp

http://www.w3school.com.cn/html5/html_5_canvas.asp

https://developer.mozilla.org/zh-CN/docs/Canvas_tutorial

http://javascript.ruanyifeng.com/htmlapi/canvas.html


让IE8及以下支持canvas方法(以vml替代,不支持getImageData())

https://code.google.com/p/explorercanvas/downloads/list


刮刮卡效果:

http://www.blackglory.me/the-html5-canvas-scraping-coating-effect/

BlackGlory所写例子中以获取坐标点画圆镂空,当快速抹过时会是明显的几个圆点,稍做修改demo如下(支持IE9+/chrome/firefox/safira/opera):

刮刮卡demo下载


1 0