imgAreaSelect 中文文档帮助说明

2020-05-23 06:08:16易采站长站整理

x1


y1



初始化时选择框左上角的坐标




x2


y2



初始化时选择框右下角的坐标




zIndex



设置此插件所作用元素的z-index的值,一般情况下,imgAreaSelect 总是可以自动计算出它的值,但是极少数情况下还是有必要设置的。




onInit



当插件初始化时所调用的函数(详见6、回调函数)




onSelectStart



当开始选择时所调用的函数(详见6、回调函数)




onSelectChange



当改变选择区域时所调用的函数(详见6、回调函数)




onSelectEnd



当选择结束时所调用的函数(详见6、回调函数)

4、样式表
随着插件发放的还有三个样式表:
imgareaselect-default.css – 这是默认的样式表,
imgareaselect-animated.css – 这个样式与默认的样式表基本是一样的,只是它能够让选择区域边框变化
imgareaselect-deprecated.css – 只有你想使用不赞同的选项时才用这个样式表。
你只需要在html头部将其中的一个样式表添加进来就可以。这css文件夹中还包含4张gif图片,它们是用来显示边框的。
5、元素与类
此插件通过创建几个div元素来表示选择区域,包括边框、可调整手柄以及未选择的区域。这些元素已经指定了特定的类名了,所以你可以通过CSS或者jQuery选择器来获得并操作它们。















类名


指定给的对象


imgareaselect-selection


选择的区域


imgareaselect-border1
imgareaselect-border2
imgareaselect-border3
imgareaselect-border4


选择区域的四个边框,由四个div组成的


imgareaselect-handle


可改变大小的调整手柄(四个或者八个divs,如果没有使能的话,则不显示)