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")。