jquery - 将图像裁剪为相同的高度和宽度？

Question

我说的是500px.com 之类的东西。每张图片的高度和宽度都相同，这样布局时看起来很棒。我一直在寻找一点，似乎无法找到实现这一目标的教程。我确实知道如何简单地调整图像大小，但我正在寻找这样的东西。

Answer 1

与其在客户端进行图像大小调整/裁剪，不如尝试使用一组服务器端实用程序。

假设你在你的服务器上运行 PHP 并且可以安装 ImageMagik（如果还没有的话）

看看觉王的“Opticrop”库

Answer 2

这取决于。如果源图像已经具有统一的高度和宽度，那么在保持纵横比的同时调整它们的大小很简单，尽管增加大小最终会导致失真。

但是，如果它们具有不同的高度/宽度，您将通过将它们强制为统一大小来扭曲。您可能需要裁剪边缘松散的部分。最好的方法可能是找到图像的中心，然后从那里计算出你想要的宽度和高度。

获得该图像后，您可以向上或向下调整大小。

不过，在服务器端代码中执行此操作可能更快/更有效。