Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/365.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用javascript将jpg图像转换为png_Javascript - Fatal编程技术网

如何使用javascript将jpg图像转换为png

如何使用javascript将jpg图像转换为png,javascript,Javascript,将JPG图像转换为PNG 我必须使用javascript将jpg图像转换为png图像,并调整图像大小以创建图像的缩略图。您应该看看processing.js库: http://processingjs.org/reference/save_/编写一个纯JavaScript库并不是不可能的,它允许您操作和转换图像,但我不知道任何我想知道的,也不会使用它们 相反,我会将原始图像上传到我选择的服务器框架(PHP、ASP.NET等),并让它为您处理图像。如果我们看一下网站上使用纯javascript将图

将JPG图像转换为PNG


我必须使用javascript将jpg图像转换为png图像,并调整图像大小以创建图像的缩略图。

您应该看看processing.js库:
http://processingjs.org/reference/save_/

编写一个纯JavaScript库并不是不可能的,它允许您操作和转换图像,但我不知道任何我想知道的,也不会使用它们

相反,我会将原始图像上传到我选择的服务器框架(PHP、ASP.NET等),并让它为您处理图像。

如果我们看一下网站上使用纯javascript将图像从JPG转换为PNG的内容。 我们看到他们:

  • 从文件中加载jpg图像
  • 创建与jpg大小相同的画布
  • 绘制覆盖整个画布的jpg图像
  • 将画布转换为blob(如果图像足够小,也可以使用to
    .toDataURL()
  • 下载blob

  • 通过emscripten有很多本机png/JPEG库端口,还有一些完全用JavaScript编写,这就是我现在想到的:


    但一般来说,如果你想在npm.org中搜索类似“png到jpeg”的内容,你会发现很多库

    你真的认为这是一项浏览器任务吗?如果你可以使用画布,那么你应该阅读下面的链接,类似于为什么不应该是一个浏览器任务?当我读到这些评论时,我经常有这样的印象,有些人害怕失去工作?欢迎来到客户端时代,多亏了emscripten,我能够编译和运行libpng、libwebp等,并在node.js和浏览器中运行它们,相同的API,几乎相同的速度,(只要你使用worker)谢谢。我发现这对于在MacOS上使用Safari转换一些损坏的图像很有用,因为苹果的JPEG解码器似乎比标准开源库更好地从错误中恢复。
    Jimp.read('lenna.png', (err, lenna) => {
      if (err) throw err;
      lenna
        .write('lena-small-bw.jpg'); // save
    });