imgAreaSelect 中文文档帮助说明

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

当然你也可以自己通过设置”keys”这个选项来覆盖默认键设置,对象有下面的属性:





















属性


描述


方向键


设置方向键的功能


Shift


设置Shift键的功能


Ctrl


设置Ctrl键的功能


Alt


设置Alt键的功能


每个属性通过设置数值(以像素为单位,数值要不小于1),表明当按下此键时移动/改变大小多少像素,或者指定其值为”string”来指定它是”resize”模式。例如:


$(‘img#example’).imgAreaSelect({


keys: { arrows: 15, ctrl: 5, shift: ‘resize’ }


});


这个例子里设置成”方向键会移动选区15像素,按住Ctrl键会移动5像素,而按住Shift键时则切换到resize模式”。


    如果不止一个图像,且自己修改了按键设置,那么只对一个图像会应用这个自定义设置。一般来说,当”激活”(用鼠标点击)某个图像时,这个图像就会使用自定义的按键设置。


8、API方法

这个插件也提供了几个API方法扩展它的应用,并能够通过这些API方法跟其他web应用联合起来。


为了使用这些方法,首先需要一个插件对象,可以调用imgAreaSelect()函数并让其选项”instance”设置为true来实现:


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


现在就可以使用此对象来调用公共的方法了。例如,设置一个默认预定义的范围:


ias.setSelection(50, 50, 150, 200, true);


ias.setOptions({ show: true });


ias.update();


只要当初始化完成,就可以使用这些API方法了。下面列出这些API方法:












方法


描述


getOptions


getOptions()


  --返回当前选项的配置


Returns:


一个包含当前选项配置的对象(一般是JSON对象)