關於canvas的一個實例教學--刮刮樂

今天，結合上一篇文章的抽獎小遊戲，
用canvas來寫一個小遊戲－刮刮樂。
首先，用canvas做一個畫布，寬高各為200px。然後再把一個span標籤定位到畫布上。

#          效果如下圖

#  接下來取得canvas標籤，定義一個數組，之後用canvas畫一個灰色的正方形把這部分給蓋住。

#效果如下

##用canvas建立一個透明的圓，當滑鼠移動時，清除canvas上的灰色圖層，顯示下面的文字（第一名）。

效果如下

#最後，我們讓剛開始定義的陣列打亂隨機，然後要清除灰色的圖層時，顯示不同的幾等獎。

# 效果如下

########################### ############希望對各位有幫助，謝謝！ ###

以上是關於canvas的一個實例教學--刮刮樂的詳細內容。更多資訊請關注PHP中文網其他相關文章！