## 第二課時：`toBlob()` `HTMLCanvasElement.toBlob()`方法用于將`<canvas>`圖像轉成一個 Blob 對象，默認類型是`image/png`。它的使用格式如下。 ~~~ // 格式 canvas.toBlob(callback, mimeType, quality) // 示例 canvas.toBlob(function (blob) {...}, 'image/jpeg', 0.95) ~~~ `toBlob()`方法可以接受三個參數。 * callback：回調函數。它接受生成的 Blob 對象作為參數。 * mimeType：字符串，圖像的 MIMEType 類型，默認是`image/png`。 * quality：浮點數，0到1之間，表示圖像的質量，只對`image/jpeg`和`image/webp`類型的圖像有效。 注意，該方法沒有返回值。 下面的例子將`<canvas>`圖像復制成`<img>`圖像。 ~~~ var canvas = document.getElementById('myCanvas'); function blobToImg(blob) { var newImg = document.createElement('img'); var url = URL.createObjectURL(blob); newImg.onload = functio () { // 使用完畢，釋放 URL 對象 URL.revokeObjectURL(url); }; newImg.src = url; document.body.appendChild(newImg); } canvas.toBlob(blobToImg); ~~~