今天,結合上一篇文章的抽獎小遊戲,用canvas來寫一個小遊戲-刮刮樂。 首先,用canvas做一個畫布,寬高各為200px。然後再把一個span標籤定位到畫布上。 # 效果如下圖 # 接下來取得canvas標籤,定義一個數組,之後用canvas畫一個灰色的正方形把這部分給蓋住。 #效果如下 ##用canvas建立一個透明的圓,當滑鼠移動時,清除canvas上的灰色圖層,顯示下面的文字(第一名)。 效果如下 #最後,我們讓剛開始定義的陣列打亂隨機,然後要清除灰色的圖層時,顯示不同的幾等獎。 # 效果如下########################### ############希望對各位有幫助,謝謝! ###