将JPG图像转换为PNG我必须使用JavaScript将JPG图像转换为PNG图像,并调整图像大小以创建图像的缩略图。
ssm49v7z1#
如果我们看一下JPG to PNG网站上的source,它使用纯javascript将图像从JPG转换为PNG。我们看到它们:1.从文件中加载jpg图像1.创建一个与jpg大小相同的画布1.绘制覆盖整个画布的jpg图像1.将画布转换为blob(如果图像足够小,也可以使用.toDataURL())1.下载blob
.toDataURL()
5uzkadbs2#
你应该看看processing.js库:http://processingjs.org/reference/save_/
sbdsn5lh3#
编写一个纯JavaScript库来操作和转换图像并不是不可能的,但我不知道任何一个我的头,也不会使用它们。相反,我会将原始图像上传到我选择的服务器框架(PHP、ASP.NET等),并让它为您操作图像。
ff29svar4#
通过emscripten有很多本地png/JPEG库的端口,还有一些纯粹用JavaScript编写的端口,这就是我现在想到的:https://www.npmjs.com/package/jimp
Jimp.read('lenna.png', (err, lenna) => { if (err) throw err; lenna .write('lena-small-bw.jpg'); // save });
但一般来说,你想在www.example.com上搜索“png to jpeg”之类的东西npm.org,你会发现很多库。
4条答案
按热度按时间ssm49v7z1#
如果我们看一下JPG to PNG网站上的source,它使用纯javascript将图像从JPG转换为PNG。我们看到它们:
1.从文件中加载jpg图像
1.创建一个与jpg大小相同的画布
1.绘制覆盖整个画布的jpg图像
1.将画布转换为blob(如果图像足够小,也可以使用
.toDataURL()
)1.下载blob
5uzkadbs2#
你应该看看processing.js库:http://processingjs.org/reference/save_/
sbdsn5lh3#
编写一个纯JavaScript库来操作和转换图像并不是不可能的,但我不知道任何一个我的头,也不会使用它们。
相反,我会将原始图像上传到我选择的服务器框架(PHP、ASP.NET等),并让它为您操作图像。
ff29svar4#
通过emscripten有很多本地png/JPEG库的端口,还有一些纯粹用JavaScript编写的端口,这就是我现在想到的:
https://www.npmjs.com/package/jimp
但一般来说,你想在www.example.com上搜索“png to jpeg”之类的东西npm.org,你会发现很多库。