image - 如何裁剪/缩放用户图像，以便可以显示固定大小的缩略图而不倾斜和拉伸(stretch)？

Question

我正在努力允许用户为我的网站上传个人资料图片。我试图避免的典型例子是 plentyoffish.com每个用户的图像都是倾斜的并且看起来非常难看:

那么，如何在没有上面演示的倾斜的情况下以编程方式裁剪/创建图像的标准尺寸版本？

Answer 1

好吧，您必须有最大高度和宽度，假设您可用的图像尺寸是正方形，例如 100x100。

当用户上传图像时，获取图像的尺寸，然后计算出高度或宽度哪个更大。

然后进行最大的测量，并获得该测量值与目标测量值的比率，然后使用该比率来缩放高度和宽度。

因此，如果用户上传一张高度为 500、宽度为 450 的图片，由于高度是最大的，因此您需要将 100 除以 500(即缩略图大小)。这给了我们 0.2 作为比率。这意味着宽度将变为 90，因此您将缩小到 100x90，并且不会发生扭曲。