如何使用 jcrop 裁剪不同大小的图像
How to crop different size images with jcrop
我想用jcrop。我有一个弹出窗口 window,我想显示要裁剪的图像。但是我希望图像适合 400 像素宽的最大图像尺寸。如果我将宽度放在显示图像的 html 标签中然后裁剪,它不会裁剪我看到的内容,而是根据图像的实际大小裁剪。
裁剪前是否需要先调整图像大小?如果是这样,最好的方法是什么?
在创建 jcrop 时使用 trueSize
选项将原始图像大小 [500,300]
的数组传递给它
<script>
$(window).load(function() {
$.Jcrop('#cropbox',{ trueSize: [500,370] });
});
</script>
及其图片标签
<img src="test.jpg" width="400" />
有关详细信息,请参阅有关此主题的 jcrop help page。
我想用jcrop。我有一个弹出窗口 window,我想显示要裁剪的图像。但是我希望图像适合 400 像素宽的最大图像尺寸。如果我将宽度放在显示图像的 html 标签中然后裁剪,它不会裁剪我看到的内容,而是根据图像的实际大小裁剪。
裁剪前是否需要先调整图像大小?如果是这样,最好的方法是什么?
在创建 jcrop 时使用 trueSize
选项将原始图像大小 [500,300]
<script>
$(window).load(function() {
$.Jcrop('#cropbox',{ trueSize: [500,370] });
});
</script>
及其图片标签
<img src="test.jpg" width="400" />
有关详细信息,请参阅有关此主题的 jcrop help page。