Jquery 使用jcrop插件时图像裁剪功能无法正常工作
我在使用jcrop插件时遇到了一个问题,我在bootstrap模型中显示了图像,并给出了固定的宽度和高度(500333)。Jquery 使用jcrop插件时图像裁剪功能无法正常工作,jquery,image,twitter-bootstrap,Jquery,Image,Twitter Bootstrap,我在使用jcrop插件时遇到了一个问题,我在bootstrap模型中显示了图像,并给出了固定的宽度和高度(500333)。 在这个模型中,当我尝试裁剪图像时,它会根据当前的高度和宽度选择比例,但会根据图像的原始尺寸(即(1500,1000)裁剪图像。 如果我选择(500333)维的图像,那么它工作得非常完美。 请帮助我。我找到了解决上述问题的方法,它对我有效: $('.crop').Jcrop({ boxWidth: boxWidth, onSel
在这个模型中,当我尝试裁剪图像时,它会根据当前的高度和宽度选择比例,但会根据图像的原始尺寸(即(1500,1000)裁剪图像。
如果我选择(500333)维的图像,那么它工作得非常完美。
请帮助我。我找到了解决上述问题的方法,它对我有效:
$('.crop').Jcrop({
boxWidth: boxWidth,
onSelect: showCoords,
onChange: showCoords,
trueSize : [1500,1000],
bgColor: 'black',
bgOpacity: 0.3,
aspectRatio: 1
});
提供图像的真实大小意味着图像的原始宽度和高度,然后它可以完美缩放