jCrop 调整大小的图像[关闭]答案

【问题标题】：jCrop on resized images [closed]jCrop 调整大小的图像[关闭]
【发布时间】：2013-04-08 15:55:07
【问题描述】：

我正在为要在页面上显示的图像设置max-width css 属性。但是，这会破坏 jCrop。左边是我选择的。右边是我裁剪后裁剪的内容。我在这里使用了这个例子。

感谢您的帮助。

【问题讨论】：

@SatpalSingh 我认为它已经很清楚了。您可以在左侧图像中看到我选择裁剪的区域。然而，裁剪后的图像竟然是右边的那个。
要完成这项工作，您需要将缩略图图像的位置重新映射到大图像的新尺寸。使用 max-width 可能需要以某种方式重新计算图像大小的变化，也许最好将宽度从开始设置为某个大小而不是让它自动。
返回图像以固定尺寸裁剪，我所做的
@SatpalSingh 我正在使用该链接中的确切代码。并且仅将 img 的 css 设置为 {max-width:800px}
@btevfik：Aristos 是对的

【解决方案1】：

jcrop 在固定最大宽度的情况下运行良好。我也测试过那个。可能您裁剪了错误的区域，如右方所示。

【讨论】：

【解决方案2】：

您可以为 Jcrop 配置最大宽度和高度

$( "#cropsource" ).Jcrop({ boxWidth: 800, boxHeight: 500 });

【讨论】：