从调整大小的图像中获取裁剪坐标

Question

我正在制作一个弹出窗口，用户可以选择图像，裁剪图像然后上传弯曲区域。问题是，如果用户选择一个大图像，弹出窗口变得非常大，所以我试图给img一个固定的大小（或把它放在一个固定的div中），但这破坏了我从crop函数得到的坐标（我使用Jcrop btw）。 所以问题是我能从调整大小的图像中获得正确的作物协调。 谢谢。

Answer 1

我无法评论要求详细信息，所以这是基于我理解的答案。如果你想要一个更精确的答案，你应该添加一些代码（你调整图像大小的方式，你如何使用Jcrop等）。
据我了解，用户选择要在已调整大小的图像上裁剪的区域。

你可以做的是计算尺寸调整比例 假设图片为900*900px，您将其调整为最大300*300px 在这种情况下，比率为900/300=3（originalWidth/resizedWidth） 您所要做的就是将裁剪的坐标乘以此比率。

确保您的比例适用于宽度和高度（取决于您调整图像大小的方式）。如果图像不是正方形，则可能需要计算2个比率（一个用于高度，一个用于宽度）。 如果您必须将所有x值乘以widthRatio，将所有y值乘以heightRatio。