如何使用jcrop裁剪不同大小的图像

Question

我想使用jcrop。我有一个弹出窗口，我想显示要裁剪的图像。但是我希望图像适合400px宽的最大图像尺寸。如果我在显示图像然后裁剪的html标签中放置宽度，它不会裁剪我看到的内容，而是根据图像的实际大小裁剪。

我需要首先调整图像大小才能裁剪吗？如果是这样，最好的方法是什么？

Answer 1

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

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

和它的图像标记

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

有关详细信息，请参阅jcrop help page有关此主题的内容。