将图像调整为缩略图版本

我有一组标准照片，我希望用户可以选择背景照片。我不确定如何调整这些照片的大小。我需要宽高比保持不变，宽度为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

将图像调整为缩略图版本

回答

相关问题