看到 Smart Resize 这种基于 HTML5 批量裁剪缩放的工具时，也想自己做一个出来，但是，我在实际测试中，canvas 在将一个图像尺寸等比缩放得很小时，图像会变得非常锐利，有的时候甚至达到变形失真的程度，但是 Smart Resize （ https://www.smartresize.com/zh-cn ）则完全不存在这一点，几乎不会失真，大家可以试一下，一张图片，通过自己的 canvas 等比变小图片尺寸（如 50x50px 这种小尺寸）时，图片锐化很严重，但是 Smart Resize 则不会，这到底用了什么算法？
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
This topic created in 3050 days ago, the information mentioned may be changed or developed.
 |
1
Jealee Jan 15, 2018
这个好像要用最近邻插值算法(nearest)或者双线性插值算法(Bilinear)效果会好一些。当初用 node-canvas 时输出相册遇到过类似问题。
|
 |
2
Toninie Jan 15, 2018
如果靠 canvas 来压缩图片确实会出现这个问题，可以试试这个插件，代码比较简单，也可以参考下源码，大概就是通过 canvas 获取原图的位图二维数组，然后就可以通过自己的算法压缩，再重新加载到 canvas 上
https://github.com/sapics/scale.js |
 |
3
tees Jan 15, 2018  2
|
Select Language