返回介绍

API 方法

发布于 2020-05-23 22:31:24 字数 2052 浏览 1064 评论 0 收藏 0

这个插件也提供了几个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方法:

方法描述
getOptionsgetOptions() 返回当前选项的配置

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

setOptionssetOptions(newOptions) 设置插件选项

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

getSelectiongetSelection([noScale]) 获取当前的选区

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

返回: 选择区域里的对象

setSelectionsetSelection(x1, y1, x2, y2, [noScale]) 设置当前选择区域

参数:

  • x1 – 选择区域左上角X坐标
  • y1 – 选择区域左上角Y坐标
  • x2 – 选择区域右下角X坐标
  • y2 – 选择区域右下角Y坐标
  • noScale (可选) –若设为真,则不会对图像进行缩放

注意:此方法只在插件内设置选择区域,并不会马上观察到选区的变化,如果需要立马显示更改后的区域,必须在使用setSelect()函数后就调用update()函数,且让show选项为true.

cancelSelectioncancelSelection() 取消当前的选择

注意:这个方法会隐藏"选择/未选择"区域,所以不必调用update()函数。

updateupdate([resetKeyPress]) 更新插件配置

参数:resetKeyPress (可选) – 如果设成false,此实例的按键将复位(即不可用)

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文