canvas我們把它翻譯成畫布，從字面意思我們就可以知道，不就是可以在上面畫東西的布嗎。好像很簡單，沒什麼好說的。先看圖：
從這幾幅圖我們可以看到以下幾點：
1.每個小方格我們可以看作乙個畫素點。
2.canvas和screen的長和寬決定他們的影象，資料儲存都可以看作是矩形陣列(或map)集合的大小，儲存影象的容器就長的是這個樣子，它是矩形，也許有不規則的特殊屏，目前我只見過矩形的。
3.我們最終看到的畫面是螢幕，canvas的繪畫資料最終是要填充給螢幕資料。
那麼現在先來回顧一下計算機原理：
我不喜歡用太多的文本來解釋，看看百科找來了這張，我相信能幫我們更好的去理解。
結合這張圖，我們可以知道：輸出裝置它唯讀螢幕最終資料，canvas資料只是寫入螢幕資料的乙個快取。為什麼資料不直接寫入螢幕資料，後面會講跳幀具體說明。
canvas有如下幾個特點：
幀速率是每秒主線程重繪的次數，一般每秒》=24幀人眼就區分不了重繪重新整理了，這樣就可以看到乙個連續的動畫。
什麼是跳幀？
我們程式常說的先更新後繪畫，這個繪畫都是程式繪畫，並不是輸出繪畫。輸出繪畫和主線程是分離的，他是單獨的乙個執行緒。
**自：
對Canvas和Matrix的理解
我們看到的view檢視其實最終都是在canvas這個畫板上畫出來的，可以想象這個canvas有無限大，只是view元件在繪製時，即父元件呼叫dispatchdraw canvas c 分發給各個子元件繪製時，根據子元件的大小和位置，分別呼叫canvas的translate int dx,int dy...
對Canvas和Matrix的理解
我們看到的view檢視其實最終都是在canvas這個畫板上畫出來的，可以想象這個canvas有無限大，只是view元件在繪製時，即父元件呼叫dispatchdraw canvas c 分發給各個子元件繪製時，根據子元件的大小和位置，分別呼叫canvas的translate int dx,int dy...
HTML5 canvas遊戲工作原理
html5已經不是乙個新名詞。它看上去很cool，有很多feature，大多數人普遍看好它的發展。對於我來說，最感興趣的是它的canvas標籤，可以結合j ascript來繪製遊戲畫面。我們可以在j ascript指令碼中獲得頁面中的canvas物件，以及它的繪圖上下文 var canvas doc...