這篇文章主要介紹h5canvas實現(xiàn)刮刮樂效果的方法，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

專注于為中小企業(yè)提供成都做網(wǎng)站、成都網(wǎng)站建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)服務(wù),電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)宜黃免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了1000多家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。

canvas實現(xiàn)刮刮樂主要是要注意兩個地方:第一個是將繪制的圖形設(shè)置成背景圖片（用到toDataURL屬性），這樣在擦覆蓋層的時候才不會丟失繪制的圖案，

第二個是設(shè)置在繪制插圖的時候，設(shè)置透明透明（用到globalCompositeOperation屬性）

代碼如下：

以上是h5canvas實現(xiàn)刮刮樂效果的方法的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！