第二步寫 js 代碼實現(xiàn)上層刮刮樂涂層效果通過 ctxfillRect 方法實現(xiàn)矩形區(qū)域的涂層填充，將畫布變?yōu)榛疑ㄟ^ ctxfont 設置字體大；鉆石*88萬，金幣*111萬，煥新試劑*1111，寰球救援入場券*11，刮刮樂皮膚隨機箱*1jswsj萬圣節(jié)CDK；1微信 公眾號里面沒有自帶的游戲，只有類似刮刮樂，大轉盤擲骰子這些與粉絲互動的小游戲2如果想讓自己的微信公眾里面有其它的游戲，可以通過微信服務號或認證的訂閱號，以外鏈的方式接入3通過外鏈跳轉進入游戲界面，就可以正常玩游戲了4也可由第三方專業(yè)公司對微信公眾號進行開發(fā)，置入游戲；關鍵代碼如下05 eventMove函數(shù)，最后分別對canvas元素的mousedownmouseup和mousemove事件進行監(jiān)聽，在觸發(fā)相應事。

刮刮卡是大家非常熟悉的一種網(wǎng)頁交互元素了實現(xiàn)刮涂層的效果，需要借助canvas來實現(xiàn)，想必每個前端工程師都清楚實現(xiàn)刮刮卡；需要的時候再找出來仔細研究，代碼很少從零寫起比如全民致富刮刮樂，我當時想用一些大家很熟悉的手機操作習慣來寫大家制造點；js腳本部分包含邏輯處理代碼，例如觸摸事件處理繪制水印初始化畫布等樣式部分控制組件的布局和樣式，確保canvas 與容。

ScratchCard是一款支持移動手機的HTML5 canvas刮刮卡JS插件該刮刮卡JS插件支持移動觸摸事件，提供刮卡的回調函數(shù)，簡單易。