03 2014 档案

HTML5 Canvas实战之刮奖效果
摘要：近年来由于移动设备对HTML5的较好支持，经常有活动用刮奖的效果，最近也在看H5方面的内容，就自己实现了一个，现分享出来跟大家交流。1、效果2、原理原理很简单，就是在刮奖区添加两个canvas，第一个canvas用于显示刮开后显示的内容，可以是一张图片或一个字符串，第二个canvas用于显示涂层，可以用一张图片或用纯色填充，第二个canvas覆盖在第一个canvas上面。当在第二个canvas上点击或涂抹（点击然后拖动鼠标）时，把点击区域变为透明，这样就可以看到第一个canvas上的内容，即实现了刮奖效果。3、实现（1）定义Lottery类function Lottery(id, cover, 阅读全文
posted @ 2014-03-04 18:17 草根程序猿 阅读(43831) 评论(48) 推荐(18) 编辑

点击右上角即可分享
微信分享提示