一、技术文档
１、介绍
ImgAreaSelect是一jQuery插件，它支持用户通过鼠标拖曳选择图片的一部分，非常的fashion。另外，可以在这个选择图像区域的基础上应用网站的其他一些技术，比如图片拖曳、图片编辑等。
２、基本用法
这个插件基于jQuery上通过imgAreaSelect()方法来调用，它操作的对象是HTML中<img>元素内的图像。
<script type=”text/javascript”>
$(document).ready(function () {
$(‘img#photo’).imgAreaSelect({
handles: true,
onSelectEnd: someFunction
});
});
</script>
如果在jQuery对象里有不止有一个img元素，那么这个插件会对里面的元素逐个应用此方法。其实这个方法不仅仅应用于img元素，它支持任何块级元素（比如有图像背景的div元素）。
与其它jQuery插件相似，这个插件可以在$(document).ready() 或者 $(window).load()句柄中初始化。
３、选项
用户在这个插件的很多方面都可以进行定制，用户通过插件选项来达到这个目的（这些选项会在插件初始化的时候起效）。这些选项包括：
选项 | 描述 |
aspectRatio | 长宽比，以后在选择时候就会维持不变。 e.g. “4:3“ |
autoHide | 如果设为true，那么在选择完后区域会消失。 Default:false |
classPrefix | 预先给插件元素的前缀（详见下面：５、元素与类） Default:imgareaselect |
disable | 如果设置成true，这个插件将不起作用（但是图像还是可见的） |
enable | 如果设置成true，这个插件又将重新起作用 |
fadeSpeed | 若设置成大于零的某个数，将”渐隐/渐现”这个插件 Default:true |
handles | 若设置成true，在改变大小的时候显示改变框（就是角点有些小”矩形”）
相关文章
大家在看
|
