用于预定义图像框大小的 JQuery JCrop Api

Question

我正在使用 JCrop 插件来裁剪图像，以下代码运行良好。即用户可以选择要裁剪的图像区域。

但我的问题是如何预先定义图像大小框，以便用户可以移动框以选择图像，并且当他们单击 corp 按钮时，该选定区域的缩略图被裁剪。

例如：访问此链接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);
};