今天，结合上一篇文章的抽奖小游戏，
用canvas来写一个小游戏——刮刮乐。
首先，用canvas做一个画布，宽高各为200px。然后再把一个span标签定位到画布上。
效果如下所示
接下来获取一下canvas标签，定义一个数组，之后用canvas画一个灰色的正方形把这部分给盖住。
效果如下
用canvas创建一个透明的圆，当鼠标移动时，清除canvas上的灰色图层，显示下面的文字（一等奖）。
效果如下
最后，我们让刚开始定义的数组打乱随机，然后要清除灰色的图层时，显示不同的几等奖。
效果如下
希望对各位有所帮助，谢谢！
作者：单纯的色狼
链接：https://www.jianshu.com/p/04222c3af447
点击查看更多内容
为 TA 点赞
评论
共同学习，写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持，我会继续努力的～
扫码打赏，你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫，即可进行扫码打赏哦