這裏引用《HTML5 Canvas核心技術》一書中的表1-2，並稍作簡化。
| 屬性 | 描述 |
|---|---|
| getContext() | 返回與該Canvas元素相關的繪圖對象。 |
| toDataURL(type,quality) | 返回一個數據地址(dataURL)，type：image/jpeg或image/png |
| toBlob(callback,type,args...) | 創建一個用於表示此canvas元素圖像文件的Blob，type：默認image/png，最後一個參數是介於0.0-1.0之間的值，用於表示JPEG圖像的質量。 |
對於DataURL和Blob需要進一步瞭解：
調用，toDataURL後返回這樣一串代碼。dataURL是將數據按base64進行編碼，並在前面聲明數據類型的一種數據結構。將這個代碼，直接用img src=“...”即可顯示,如下圖：
具體的base64編碼規則可以參見阮老師的blog：http://www.ruanyifeng.com/blog/2008/06/base64.html
toBlob的使用結果如下
開始的時候，誤以爲該函數會返回一個Blob對象，看了文檔後發現是將Blob作爲參數傳給回調函數。
利用iframe和Blob顯示內容，結果如上圖。