Uint8ClampedArray图像到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")。