推荐一个好用的jquery图像裁剪插件--imgAreaSelect

　　近期，由于项目新增了一个对上传图像裁剪的需求，项目老大分配给我完成，考虑到项目是基于jquery的，所以就想到自己曾经搜集到的一个jquery插件 imgAreaSelect ，巧合的是，发现豆瓣的图像裁剪插件，也是基于这个imgAreaSelect的。

 

  （1）使用说明：

1、使用很简单，在$(document).ready() or $(window).load()里面初始化即可.

<script type="text/javascript">
$(document).ready(function () {
    $('img#photo').imgAreaSelect({
        handles: true,
        onSelectEnd: someFunction
    });
});
</script>

2、设置宽度和高度限制

$(document).ready(function () {
  $('img#photo').imgAreaSelect({ 
      maxWidth: 200, 
      maxHeight: 150, 
      handles: true 
  });
});

3、设置纵横比例

$(document).ready(function () {
  $('img#photo').imgAreaSelect({
     aspectRatio: '4:3', 
     handles: true 
  });
});

4、丰富的API接口

  插件提供了一些接口，更容易的扩展插件，并能更好的与其他应用整合。

  为了使用这些方法，需要建立一个插件的对象实例，通过调用imgAreaSelect()来实现。

  如下：

var  ias = $("img#photo").imgAreaSelect({instance:true});

  现在，就可以使用对象实例去调用接口函数。例如，设置一个预定义的选择区域：

ias.setSelection(50,50,150,200,true);
ias.setOptions({show:true});
ias.update();

（2）演示地址：http://odyniec.net/projects/imgareaselect/examples.html

（3）项目地址：http://odyniec.net/projects/imgareaselect/