將圖像調整爲縮略圖版本

我有一組標準照片，我希望用戶可以選擇背景照片。我不確定如何調整這些照片的大小。我需要寬高比保持不變，寬度爲400px。我想在它們的文件名末尾使用- thumbnail重新保存它們。將圖像調整爲縮略圖版本

IMAGES來自控制器

$scope.standardPhotos = [ 
    "/images/app-directory-images/default1.png", 
    "/images/app-directory-images/default2.png", 
    "/images/app-directory-images/default3.png", 
    "/images/app-directory-images/default4.png", 
    "/images/app-directory-images/default5.png" 
];

來源

2016-08-12 daveskylark

您可以使用canvas元素調整這些圖像的大小 - http://tympanus.net/codrops/2014/10/30/resizing-cropping-images-canvas/ – dmoo

可以使用帆布，但使用一個非常糟糕的算法下采樣。我最終使用了麻省理工學院許可的Hermite downsampler，它也可以使用畫布，但不像默認的調整器那麼糟糕。

請注意，重新採樣圖片在完成正確操作時是一種計算資源佔用較大的操作，所以最好事先在所選圖像編輯器（甚至是web-app）中調整圖片大小並將其上傳到服務器，以防止每個用戶每次都做這些計算。

保存文件始終受瀏覽器限制的限制，您只能詢問用戶是否要保存該文件。如果您的意思是用戶將重新調整大小的圖像發送回服務器進行保存，請特別注意安全性，並且不要認爲數據來自服務器端的JavaScript。

來源

2016-08-12 14:34:48 ASDFGerte

您能否提供更多關於您正在使用的信息？

來源

2016-08-12 14:57:46

將圖像調整爲縮略圖版本

回答

相關問題