我正在使用Jcrop来裁剪图片。我遇到了一个问题,即大图像溢出了我的浏览器窗口,因此我按照Jcrop's page上的建议使用了Box Sizing Method来缩放大图像以适应裁剪框。我使用了示例代码(如下),它运行良好,但问题是现在我的浏览器中有缩放后的图像和巨大的图像。我希望只有重缩放后的图像出现在浏览器中。有什么建议吗?这里是一个example它的显示方式。
$(function(){
$('#cropbox').Jcrop({
boxWidth: 700, boxHeight: 700
});
});
$(function(){
$('#cropbox').Jcrop({
aspectRatio: 1,
onSelect: updateCoords
});
});
function updateCoords(c) {
$('#x').val(c.x);
$('#y').val(c.y);
$('#w').val(c.w);
$('#h').val(c.h);
};
function checkCoords() {
if (parseInt($('#w').val())) return true;
alert('Please select a crop region then press submit.');
return false;
}