JQuery JCrop Api預定義圖像框大小

Question

我正在使用JCrop插件來裁剪圖像，以下代碼工作正常。即用戶可以選擇要裁剪的圖像區域。

但我的問題是我如何預先定義圖像大小框，以便用戶可以移動框來選擇圖像，當他們點擊公司按鈕該選定區域的縮略圖是裁剪。

例如：訪問此鏈接http://deepliquid.com/projects/Jcrop/demos.php?demo=advanced 現在選擇圖像的一部分，只勾選「選擇可以移動」，取消選中所有其他複選框。

我想知道如何才能生成JCrop JQuery代碼只有「選擇可以移動」選項，這樣我纔可以選擇只生成縮略圖的那部分圖像。

謝謝。

<script type="text/javascript"> 
    jQuery(document).ready(function() { 
    jQuery('#imgCrop').Jcrop({ 
     onSelect: storeCoords 
    }); 
    }); 

    function storeCoords(c) { 
    jQuery('#X').val(c.x); 
    jQuery('#Y').val(c.y); 
    jQuery('#W').val(c.w); 
    jQuery('#H').val(c.h); 
    }; 

</script> 

Answer 1

$(function() { 
$('#img').Jcrop({    
onSelect: storeCoords, 
onChange: storeCoords    
}); 

function storeCoords(c) {jQuery('#X').val(c.x);jQuery('#Y').val(c.y);jQuery('#W').val(c.w);jQuery('#H').val(c.h); 
};