用JCrop重新調整大圖像

Question

我正在使用Jcrop裁剪圖像。我的瀏覽器窗口溢出的大圖像出現問題，所以我按照Jcrop's page的建議，並使用Box Sizing方法縮放大圖以適應裁剪框。我使用了示例代碼（下面），它運行良好，但問題是我現在在瀏覽器中同時具有縮放圖像和巨大圖像。我希望只有重新調整後的圖像出現在我的瀏覽器中。有什麼建議麼？這是一個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; 
} 

Answer 1

我錯了，沒有合併兩個cropbox函數在一起。當我發現並修改它時，它的效果很好：

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