缩放大图像与JCrop

Rescale Large Images with JCrop

本文关键字：JCrop 图像 放大 缩放      更新时间：2023-09-26

我使用Jcrop来裁剪图像。我有一个大图片溢出浏览器窗口的问题，所以我遵循了Jcrop页面上的建议，并使用Box Sizing Method来缩放大图像以适应cropbox。我使用示例代码(下面)，它工作得很好，但问题是，我现在有缩放图像和巨大的图像在我的浏览器中。我想只有重新缩放的图像出现在我的浏览器中。有什么建议吗?下面是它如何显示的一个例子。

$(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;
}

我没有将两个cropbox函数合并在一起，这是错误的。当我发现并修改它时，它工作得很好:

$(function(){   
    $('#cropbox').Jcrop({
        boxWidth: 600,
        boxHeight: 600,
        aspectRatio: 1,
    onSelect: updateCoords
 });    
});
相关文章：