imgAreaSelect 中文文档帮助说明(3)

每个属性通过设置数值(以像素为单位,数值要不小于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对象)

 

setOptions

 

setOptions(newOptions)

--设置插件选项

参数:

newOptions – 选项配置对象(一般是JSON对象)

 

getSelection

 

getSelection([noScale])

 --获取当前的选区

参数:

noScale (可选) – 如果设置为真,那么对于返回的选区不进行缩放操作。

返回:

选择区域里的对象

 

setSelection

 

setSelection(x1, y1, x2, y2, [noScale])

  --设置当前选择区域

参数:

x1 – 选择区域左上角X坐标

y1 – 选择区域左上角Y坐标

x2 – 选择区域右下角X坐标

y2 – 选择区域右下角Y坐标

noScale (可选) –若设为真,则不会对图像进行缩放

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wdjxps.html