如何使用canvas實現(xiàn)刮刮樂？很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。

長壽ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)公司的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：13518219792（備注：SSL證書合作）期待與您的合作！

首先，用canvas做一個畫布，寬高各為200px。然后再把一個span標(biāo)簽定位到畫布上。

         效果如下所示

 接下來獲取一下canvas標(biāo)簽，定義一個數(shù)組，之后用canvas畫一個灰色的正方形把這部分給蓋住。

效果如下

用canvas創(chuàng)建一個透明的圓，當(dāng)鼠標(biāo)移動時，清除canvas上的灰色圖層，顯示下面的文字（一等獎）。

效果如下

最后，我們讓剛開始定義的數(shù)組打亂隨機，然后要清除灰色的圖層時，顯示不同的幾等獎。

效果如下

看完上述內(nèi)容是否對您有幫助呢？如果還想對相關(guān)知識有進一步的了解或閱讀更多相關(guān)文章，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對創(chuàng)新互聯(lián)的支持。