javascript - 如何使用jcrop裁剪不同尺寸的图像

Question

我想使用jcrop。我有一个弹出窗口，我想显示要裁剪的图像。不过，我希望图像的最大图像尺寸为 400 像素宽。如果我将宽度放入显示图像的 html 标签中，然后进行裁剪，它不会裁剪我所看到的内容，而是根据图像的实际大小进行裁剪。

在裁剪之前是否需要先调整图像大小？如果是这样，最好的方法是什么？

Answer 1

创建 jcrop 时使用 is trueSize 选项，将其传递给原始图像大小 [500,300] 的数组

 <script>
    $(window).load(function() {
        $.Jcrop('#cropbox',{ trueSize: [500,370] });
    });
</script>

及其图像标签

<img src="test.jpg" width="400" />

有关更多详细信息，请参阅 jcrop help page关于这个话题。