关于canvas的一个实例教程--刮刮乐

互联网 17-7-25
今天，结合上一篇文章的抽奖小游戏，用canvas来写一个小游戏——刮刮乐。首先，用canvas做一个画布，宽高各为200px。然后再把一个span标签定位到画布上。

效果如下所示

接下来获取一下canvas标签，定义一个数组，之后用canvas画一个灰色的正方形把这部分给盖住。

效果如下

效果如下

最后，我们让刚开始定义的数组打乱随机，然后要清除灰色的图层时，显示不同的几等奖。

希望对各位有所帮助，谢谢！

以上就是关于canvas的一个实例教程--刮刮乐的详细内容，更多内容请关注技术你好其它相关文章！

来源链接：
免责声明：
1.资讯内容不构成投资建议，投资者应独立决策并自行承担风险
2.本文版权归属原作所有，仅代表作者本人观点，不代表本站的观点或立场
标签： 实例
上一篇：php获取远程图片并下载保存到本地的方法分析 下一篇：HTML5的学习路线分析

相关资讯