jQuery Cropper是一個非常方便的圖片裁剪工具。不過有時候我們在使用的時候會遇到圖片大小超出的問題。

出現圖片大小超出的情況，一般是因為我們的圖片大小超出了裁剪框的大小。此時，我們需要重新定義裁剪框的大小或者對圖片進行縮放。

// 裁剪框大小
$('.cropper-wrap-box').css({
width: '500px',
height: '500px'
});
// 圖片縮放
var img = $('.cropper-wrap-box img');
var imgWidth = img.width();
var imgHeight = img.height();
if (imgWidth >500 || imgHeight >500) {
var scale = Math.min(500/imgWidth, 500/imgHeight);
img.css({
width: imgWidth * scale + 'px',
height: imgHeight * scale + 'px'
});
}

在使用jQuery Cropper時，我們需要注意圖片大小不能超出裁剪框的大小，這樣才能保證裁剪效果的質量。