Html5 Canvas 实现一个“刮刮乐”游戏

之前公司项目有一个刮奖小游戏的需求,因此有了本文记录该“刮刮乐”游戏的实现过程。 话不多说,先上Demo 和 项目源码 . 2. 实现 我们创建一个 ScrapAward 类,通过传入 option 和调用其 restart() 方法实现重新开始。 (1)定义 option 参数及 ScrapAward 结构 class ScrapAward { constructor(userOption) { this.option = { canvasId: 'canvas', // canvas的id backgroun