與JavaScript裁剪（croppie）差的圖像質量

Question

我試圖使用Croppie上載到服務器之前使用Javascript裁剪圖像。它工作得很好，界面很好。但是，在玩演示時，我注意到由此產生的圖像的質量比原來差得多 - 我使用1920x1080圖像。

有沒有解決這個問題？

我會接受其他圖書館的建議以及:)

Answer 1

如果你縮放或旋轉圖像，一些退化預期，是不可避免的。

但如果你只是裁剪從原始圖像中的一塊...

默認CroppieJS將節省您的裁剪圖像的視口大小。

對於您的大型1920x1080圖像，您的視口大小（可能）比原始圖像大小小，因此Croppie會降低導出圖像的像素密度。較少的像素==質量較差。

的解決辦法是使用Croppie的result方法來保存你的裁剪圖像在原來的（大）尺寸：

yourCroppieReference.result('canvas','original','png',1) 

Answer 2

---

myCroppie.result({ 
    type: "canvas", 
    size: "original", 
    format: "png", 
    quality: 1 
}); 

爲我工作。

P.S.圖書館非常酷，但documentation乞求重寫。