## 第二课时：`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); ~~~