`

jquery imgAreaSelect 参数说明

 
阅读更多
imgAreaSelect 方法有很多参数可以定义:

参数 描述
aspectRatio 设定选取区域的显示比率,如:”4:3“

autoHide 如果设置为true,当选择区域选择结束时消失,默认值为:false
classPrefix 这是一个字符串,表示插件样式的类名加前缀,默认值为"imgareaselect"
disable 如果设置为true,禁用插件
enable 如果设置为true,插件被重新启用
fadeSpeed 如果设置为大于零的数字,则用优美的淡入/淡出动画来显示图片,默认值为 false
handles 如果设置为true,调整手柄则会显示在选择区域内,如果设置为"corners",则只有角处理会显示调整手柄,默认值为false
hide 如果设置为true,选择范围是隐藏
imageHeight 图片的真实高度 (if scaled with the CSSwidthandheightproperties)
imageWidth 真实图片宽度 (if scaled with the CSSwidthandheightproperties)
instance 如果设置为true,imgAreaSelect() 调用返回一个imgAreaSelect绑定到的图像的实例,使您可以使用它的API方法
keys 启用/禁用键盘支持,默认值为false
maxHeight 选取的最大高度(单位为像素)
maxWidth 选取的最大宽度(单位为像素)
minHeight 选取的最小高度(单位为像素)
minWidth 选取的最小宽度(单位为像素)
movable 确定选取是否可以移动,默认值为true

parent 一个jQuery对象或选择字符串,指定被追加到父元素,默认值为"body"

persistent 如果设置为true,选择区以外的点击将不会启动一个新的选区(即用户将只能移动/调整现有的选择范围),默认值为false
resizable 确定是否选择面积应可调整大小,默认值为true

show 如果设置为true,选区则会显示
x1
y1 最初选择区域的左上角坐标
x2
y2 最初选择区域的右上角坐标
zIndex 插件元素的z-index值,正常情况下imgAreaSelect会自动分配,但有少数情况,有必要将其设置为制定值
onInit 插件初始化时的回调函数
onSelectStart 插件开始选择时的回调函数
onSelectChange 插件改变选区时的回调函数
onSelectEnd 插件结束选区时的回调函数
分享到:
评论

相关推荐

    ASP.NET JQuery ImgAreaSelect 实现上传图片在线剪裁

    在本示例中,我们将探讨如何结合JQuery ImgAreaSelect插件,实现在ASP.NET环境中上传图片并进行在线剪裁的功能。 JQuery ImgAreaSelect是一个jQuery插件,它提供了在网页上选择图像区域的能力。这个功能对于用户...

    jquery.imgareaselect-0.9.2几种封装

    《jQuery.imgAreaSelect-0.9.2封装详解》 在网页开发中,图像选取功能是常见的需求之一,尤其在图像处理、编辑或上传场景中。jQuery.imgAreaSelect是一款非常实用的jQuery插件,用于实现图像区域选择的功能,它允许...

    jquery imgareaselect截图

    jquery imgareaselect截图jquery imgareaselect截图jquery imgareaselect截图jquery imgareaselect截图jquery imgareaselect截图jquery imgareaselect截图

    jquery的imgareaselect截图插件

    《jQuery的imgAreaSelect截图插件深度解析》 在网页开发中,我们常常需要实现图片的裁剪功能,以便用户可以自由选择感兴趣的部分进行保存或处理。jQuery的imgAreaSelect插件为此提供了一个简单易用的解决方案。这篇...

    jQuery插件imgAreaSelect 实例代码

    **jQuery插件imgAreaSelect详解** `imgAreaSelect`是一个基于jQuery的插件,它提供了在网页上选择图片区域的功能,常用于图片裁剪或选取特定部分。这个插件易于集成,灵活性高,且适用于各种项目,特别是那些需要...

    jquery imgareaselect 使用利用js与程序结合实现图片剪切

    1. jQuery与imgAreaSelect插件使用 jQuery是一个快速、小巧且功能丰富的JavaScript库,它通过简化HTML文档遍历、事件处理、动画和Ajax交互来使Web开发更加容易。imgAreaSelect是一个用于在网页中选择图片区域的...

    jquery的imgareaselect插件

    《jQuery的imgAreaSelect插件详解与应用》 在网页设计和开发中,图像裁剪功能经常被用于用户上传头像、编辑图片等场景。jQuery的imgAreaSelect插件正是一款强大的图片选区工具,它提供了简单易用的API,帮助开发者...

    jquery.imgareaselect-0.8.min.js

    jquery.imgareaselect-0.8.min.js

    jquery.imgareaselect

    《jQuery.imgAreaSelect:图像上传与裁剪的高效解决方案》 在Web开发中,尤其是在涉及到用户交互和多媒体处理时,图像上传与裁剪功能是非常常见且重要的。jQuery.imgareaselect是一个专门针对这一需求的JavaScript...

    利用jquery的imgAreaSelect插件实现图片裁剪示例

    jQuery作为一款强大的JavaScript库,提供了丰富的插件来扩展其功能,其中包括imgAreaSelect插件,它能帮助开发者轻松实现图片裁剪功能。本篇文章将详细探讨如何利用jQuery的imgAreaSelect插件来实现这一功能。 首先...

    JQuery插件imgAreaSelect_Demo

    **jQuery插件imgAreaSelect详解** 在Web开发中,我们经常需要实现图片的选取功能,例如裁剪、选区等操作。`imgAreaSelect`是一个非常实用的jQuery插件,它能够帮助开发者轻松地在网页上创建可自定义样式的图片选区...

    jquery.imgareaselect-0.9.10插件下载

    jquery.imgareaselect-0.9.10图片裁切插件下载,可把上传的图片进行裁剪再保存,在以前来说非常棘手的问题,现在借助jquery的imgareaselect插件再配合PHP的GD库就可以轻松的实现图片裁切功能。注,本插件包内不包括...

    jquery图片裁剪插件imgareaselect

    《jQuery图片裁剪插件imgareaselect详解与实践》 在现代网页设计中,用户交互体验愈发重要,其中图片裁剪功能常用于头像编辑、图片上传预览等场景。jQuery图片裁剪插件imgareaselect便应运而生,它提供了简单易用的...

    jquery_imgareaselect图片裁切插件使用的中文文档

    以下是关于`jQuery_imgareaselect`的详细说明: ### 初始化与调用 调用`jQuery_imgareaselect`插件通常在`$(document).ready()`或`$(window).load()`事件处理程序中进行,这样确保了DOM加载完成后再执行插件代码。...

    基于jquery网页截图插件(imgareaselect)

    【基于jQuery网页截图插件(imgareaselect)】是一个用于网页截取图像选定区域的JavaScript库,它与jQuery框架紧密集成,为用户提供了一个简单易用的交互式选择工具。这个插件允许用户在网页上自由划定一个矩形区域...

    jQuery插件imgAreaSelect基础讲解

    《jQuery插件imgAreaSelect基础详解》 imgAreaSelect是一个基于jQuery的插件,它的主要功能是让用户通过鼠标拖曳来选择图片中的任意部分,适用于图片裁剪、拖曳和编辑等场景。这个插件提供了丰富的自定义选项,使得...

    jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一

    jQuery插件ImgAreaSelect是一个能够为图片添加可拖拽的裁剪框的插件,适合于在网页上实现图片上传预览和裁剪功能。为了实现头像上传、预览以及裁剪功能,我们需要遵循以下步骤: 首先,要明确目标功能: 1. 图片...

    javascript截图 jQuery插件imgAreaSelect用法详解_.docx

    ### JavaScript截图 jQuery插件imgAreaSelect用法详解 #### 一、引言 在Web开发中,用户自定义头像的功能越来越受到重视。为了提供更好的用户体验,很多网站尤其是社交网络平台,都允许用户通过简单的操作来自定义...

    imgareaselect.js

    jquery imgareaselect通过jquery实现图片裁剪,定位等问题

Global site tag (gtag.js) - Google Analytics