1.刮了圖層後顯示隨機的背景圖，設計滑鼠抬起移動放下事件
2.利用新舊畫素合併的時候被擦掉
ctx.globalcompositeoperation =
'destination-out'
4.利用getimagedata這個方法獲得裡面的data，data裡包含了每乙個畫素點的rgba，判斷a這個屬性值，從而判斷當a這個為0的值的個數到達一定量時，就將灰色圖層全部消除
1.解決快速移動斷點的問題的時候，這裡要注意把封閉路徑寫好，這跟先畫圓還是先畫線的順序無關
2.關於如何讓canvas居中，canvas不是塊級元素，如果想要它居中的話，可以給它加個父級，可以直接用text-align：center，或者是margin：0 auto，但這個就要設定寬高才好使
3.addeventlistener的第三個引數，false是冒泡，true是捕獲
* div
canvas
<
/style>
<
/head>
"300" height=
"300" id=
"mycanvas"
>
<
/canvas>
<
/div>
var mycanvas = document.
getelementbyid
('mycanvas');
// 建立畫布(注意不能使用jq的$，因為getcontext方法必須作用在原生dom身上)
var ctx = mycanvas.
getcontext
('2d');
var lastx, lasty, nowx, nowy;
init()
;function
init()
function
downfun
(e)function
movefun
(e)function
upfun()
// 大於畫布面積0.8就消除所有的灰色
function
clearall()
}if(num >
300*
300*
0.8)}}
<
/script>
<
/body>
刮刮樂canvas實現
class scratch config this.movenum 0 this.clearrange clearrange 2 this.canvasid canvasid this.radius radius 25 this.canvas this.canvasid this.ifend fal...
canvas 實現刮刮樂
在解決問題前，我們先來了解一下 canvas 標籤 canvas 是 html5 出現的新標籤，像所有的 dom 物件一樣它有自己本身的屬性 方法和事件，其中就有繪圖的方法，js 能夠呼叫它來進行繪圖。context是乙個封裝了很多繪圖功能的物件，獲取這個物件的方法是 var canvas docu...
刮刮樂小遊戲
package com.bwie.ggl import android.content.context import android.graphics.bitmap import android.graphics.bitmapfactory import android.graphics.canva...