使用jcrop插件时,图像裁剪功能无法正常工作

时间:2015-03-16 10:53:42

标签: jquery image twitter-bootstrap

我在使用jcrop插件时出现问题,我在bootstrap模型中显示图像并给出固定的宽度和高度(500,333)。
在此模型中,当我尝试裁剪图像时,根据当前高度和宽度选择比例,但根据图像的原始尺寸(即1500,1000)裁剪图像。
如果我选择(500,333)尺寸的图像,那么它可以完美地工作 请帮帮我..

1 个答案:

答案 0 :(得分:2)

我为上述问题找到了解决方案,对我有用:

$('.crop').Jcrop({
            boxWidth: boxWidth,
            onSelect: showCoords,
            onChange: showCoords,
            trueSize : [1500,1000],
            bgColor:     'black',
            bgOpacity:   0.3,
            aspectRatio: 1
       });

提供真实尺寸的图像意味着图像的原始宽度和高度,然后它可以完美地缩放。