Uint8ClampedArray image to jpg/png

Question

我在我的網頁中有一個存儲在Uint8ClampedArray中的圖像。 我想將此圖像保存在我的服務器上的jpg/png文件中。

我可以訪問到的圖像執行此代碼：

canvas.putImageData(imgData,0,0); 

// create a new img object 
var image=new Image(); 
// set the img.src to the canvas data url 
image.src=canvas.toDataURL(); 

現在在我的image.src我有一個很長的字符串代表的形象。

我有兩個問題：

• 我是否需要使用畫布拿到IMG源或我能得到它 不使用它？
• 是否有可能在瀏覽器中的JPG/PNG文件中轉換圖像 或者我必須在服務器中執行此過程？

我想更好地瞭解這個過程如何工作。 感謝您的幫助！

Answer 1

嚴格地說，通過在JS/asm.js/WASM中從頭開始實現自己的JPEG編碼器，可以在沒有畫布的情況下實現這一難題，但畫布更容易。

要獲得JPEG，您需要的唯一更改是指定類型：toDataURL("image/jpeg")。