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

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

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