1.直接呼叫canvas物件的toDataURL方法轉化為指定型別

var newImg = new Image();
newImg.src=canvas.toDataURL("image/png"));

2.利用canvas物件的toBlob方法

https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLCanvasElement/toBlob

先通過toBlob將canvas物件轉化為二進位制物件，通過引數形式傳入函式

然後利用URL.createObjectURL方法根據傳入的引數建立一個指向該引數blob物件的url,然後把url賦給img的src屬性即可

canvas.toBlob && canvas.toBlob(function(blob) {
　　var url = URL.createObjectURL(blob);
　　var newImg = new Image();
　　newImg.onload = function() {
　　　 URL.revokeObjectURL(url)
　　};
　　newImg.src=url;
};

URL.revokeObjectURL()方法會銷燬一個通過URL.createObjectURL()建立的物件URL。

當你要把url賦給newImg之後，並且瀏覽器已經onload成功這個img，那麼此時就再不需要指向blob物件的url，這個時候就應該把這個物件銷燬掉，避免佔用記憶體。