将图像调整为缩略图版本

Resize images to a thumbnail version

本文关键字：略图 版本 图像 调整      更新时间：2023-09-26

我有一个标准照片数组，我希望用户能够选择作为背景照片。我不知道如何调整这些照片的大小。我需要长宽比保持不变，宽度为400px。我想用- thumbnail在文件名的末尾重新保存它们。

IMAGES FROM CONTROLLER

$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"
];

您可以使用画布，尽管这使用了一个非常糟糕的算法来下载样本。最后，我使用了麻省理工学院许可的Hermite downsampler，它也可以使用画布，但没有默认的调整器那么糟糕。

请注意，重新采样图片是一个计算资源繁重的操作，如果做得好，所以它是非常可取的，只是在你选择的任何图像编辑器(甚至是一个web应用程序)事先调整它们的大小，并将它们上传到你的服务器，以防止每个用户每次都做这些计算。

保存文件总是受到浏览器限制，你所能做的就是询问用户是否想要保存文件。如果您的意思是用户将调整大小的图像发送回服务器以保存它，则要特别注意安全性，并且不要假设数据来自服务器端的javascript。

你能提供更多关于你正在使用的东西的信息吗?

相关文章：