## 第一課時：`toDataURL()` `<canvas>`元素的`toDataURL()`方法，可以將 Canvas 數據轉為 Data URI 格式的圖像。 ~~~ canvas.toDataURL(type, quality) ~~~ `toDataURL()`方法接受兩個參數。 * type：字符串，表示圖像的格式。默認為`image/png`，另一個可用的值是`image/jpeg`，Chrome 瀏覽器還可以使用`image/webp`。 * quality：浮點數，0到1之間，表示 JPEG 和 WebP 圖像的質量系數，默認值為0.92。 該方法的返回值是一個 Data URI 格式的字符串。 ~~~ function convertCanvasToImage(canvas) { var image = new Image(); image.src = canvas.toDataURL('image/png'); return image; } ~~~ 上面的代碼將`<canvas>`元素，轉化成PNG Data URI。 ~~~ var fullQuality = canvas.toDataURL('image/jpeg', 0.9); var mediumQuality = canvas.toDataURL('image/jpeg', 0.6); var lowQuality = canvas.toDataURL('image/jpeg', 0.3); ~~~ 上面代碼將`<canvas>`元素轉成高畫質、中畫質、低畫質三種 JPEG 圖像。