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

Posted 2023-02-25

【中文标题】如何使用 jcrop 裁剪不同尺寸的图像

【英文标题】：How to crop different size images with jcrop

【发布时间】：2015-02-20 18:50:32

【问题描述】：

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

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

【参考方案1】：

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

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

还有图片标签

<img src="test.jpg"  />

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