x1
y1
初始化时选择框左上角的坐标
x2
y2
初始化时选择框右下角的坐标
zIndex
设置此插件所作用元素的z-index的值,一般情况下,imgAreaSelect 总是可以自动计算出它的值,但是极少数情况下还是有必要设置的。
onInit
当插件初始化时所调用的函数(详见6、回调函数)
onSelectStart
当开始选择时所调用的函数(详见6、回调函数)
onSelectChange
当改变选择区域时所调用的函数(详见6、回调函数)
onSelectEnd
当选择结束时所调用的函数(详见6、回调函数)
随着插件发放的还有三个样式表:
imgareaselect-default.css – 这是默认的样式表,
imgareaselect-animated.css – 这个样式与默认的样式表基本是一样的,只是它能够让选择区域边框变化
imgareaselect-deprecated.css – 只有你想使用不赞同的选项时才用这个样式表。
你只需要在html头部将其中的一个样式表添加进来就可以。这css文件夹中还包含4张gif图片,它们是用来显示边框的。
5、元素与类
此插件通过创建几个div元素来表示选择区域,包括边框、可调整手柄以及未选择的区域。这些元素已经指定了特定的类名了,所以你可以通过CSS或者jQuery选择器来获得并操作它们。
类名 | 指定给的对象 |
imgareaselect-selection | 选择的区域 |
imgareaselect-border1 | 选择区域的四个边框,由四个div组成的 |
imgareaselect-handle | 可改变大小的调整手柄(四个或者八个divs,如果没有使能的话,则不显示)
相关文章
大家在看
|










