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，选区则会显示
|
x1y1 |
最初选择区域的左上角坐标
|
x2y2 |
最初选择区域的右上角坐标 |
zIndex |
插件元素的z-index值，正常情况下imgAreaSelect会自动分配，但有少数情况，有必要将其设置为制定值 |
onInit |
插件初始化时的回调函数 |
onSelectStart |
插件开始选择时的回调函数 |
onSelectChange |
插件改变选区时的回调函数 |
onSelectEnd |
插件结束选区时的回调函数 |
相关推荐
通过修改`jquery.imgareaselect.css`中的样式，可以自定义选区的边框、填充色、控制点等视觉效果，以适应不同网站的风格。 6. **兼容性** jQuery.imgAreaSelect兼容大部分现代浏览器，包括Firefox、Chrome、...
jquery.imgareaselect-0.8.min.js
<link href="jquery.imgareaselect.css" rel="stylesheet" /> <script src="jquery.imgareaselect.js"> ``` 2. **初始化插件**：接着，为需要使用插件的图片元素添加jQuery选择器，并调用imgAreaSelect方法，如： ``...
然后，通过`<script>`标签引入`jquery.imgareaselect.js`，并链接`imgareaselect-default.css`以应用默认样式。在JavaScript部分，你可以通过简单的链式调用来初始化插件，如： ```javascript $("#myImage")....
jquery.imgareaselect-0.9.10图片裁切插件下载，可把上传的图片进行裁剪再保存，在以前来说非常棘手的问题，现在借助jquery的imgareaselect插件再配合PHP的GD库就可以轻松的实现图片裁切功能。注，本插件包内不包括...
<link rel="stylesheet" href="path/to/jquery.imgareaselect.css" /> <script src="path/to/jquery.js"> <script src="path/to/jquery.imgareaselect.js"> ``` 2. **初始化插件**：在文档加载完成后，使用jQuery...
下载完成后，需要在HTML文件的头部引用样式表`imgareaselect-default.css`和JavaScript文件`jquery.imgareaselect.pack.js`。 插件包含了三种样式表供选择： 1. `imgareaselect-default.css`是默认样式，用于基本的...
<link href="path/to/jquery.imgareaselect.css" rel="stylesheet" type="text/css" /> <script src="path/to/jquery.imgareaselect.js"> ``` **三、基本使用** imgAreaSelect的使用非常直观，只需在图片元素上调...
<script src="path/to/jquery.imgareaselect.js"> ``` ### 2. 基本使用 在HTML中，你需要一个`<img>`标签来显示图片。然后，使用jQuery选择器选中该图片并调用`imgAreaSelect`方法。 ```javascript $(document)....
<script src="jquery.imgareaselect.pack.js"> ``` 3. 初始化插件：在图片元素上使用`.imgAreaSelect()`方法进行初始化。 ```javascript $(document).ready(function() { $("#myImage").imgAreaSelect({ // 配置...
2. **`jquery.imgareaselect.js`** - 此文件提供了`imgAreaSelect`插件，该插件允许用户在图片上选择特定区域。 这些文件可以通过以下链接下载： - `jquery.js`: [下载链接](https://jquery.com/) - `imgareaselect...
<link href="path/to/jquery.imgareaselect.css" rel="stylesheet" /> <script src="path/to/jquery.js"> <script src="path/to/jquery.imgareaselect.pack.js"> ``` 2. **基本用法** 要使用`imgAreaSelect`，...
<link href="path/to/jquery.imgareaselect.css" rel="stylesheet" type="text/css" /> <script src="path/to/jquery.imgareaselect.pack.js"> ``` 2. 初始化插件：在jQuery的$(document).ready()函数中，对需要裁剪...
"imguploadncrop"项目正是针对这一需求，提供了一套完整的解决方案，它基于jQuery.imgAreaSelect-0.9.10插件，实现了网页上的截图上传功能，并结合PHP后端代码处理上传的图片，确保了用户体验和数据安全。...
以下是关于`jQuery_imgareaselect`的详细说明： ### 初始化与调用 调用`jQuery_imgareaselect`插件通常在`$(document).ready()`或`$(window).load()`事件处理程序中进行，这样确保了DOM加载完成后再执行插件代码。...
<link rel="stylesheet" href="path/to/jquery.imgareaselect.css" /> <script src="path/to/jquery.js"> <script src="path/to/jquery.imgareaselect.min.js"> ``` 然后，对需要截图的`<img>`或`<canvas>`元素...
<script type="text/javascript" src="../jquery.imgareaselect-0.9.10/scripts/jquery.imgareaselect.pack.js"> ``` 第二步是实现具体的用户界面，需要使用HTML和CSS来布局。以下是一个简单的示例： ```html ...
然后在 JavaScript 部分，初始化 `imgareaselect.js` 插件，设置必要的参数： ```javascript $(document).ready(function() { $('#myImage').imgAreaSelect({ handles: true, // 是否显示拖动把手 fadeSpeed: ...
1. 引入`imgareaselect.css`和`imgareaselect/jquery.imgareaselect.js`。 2. 为图片元素应用`imgareaselect`，并设置相关配置。 3. 使用`imgareaselect`的事件，如`onSelectChange`，获取选区信息。 结合后台Java...
<link rel="stylesheet" href="path/to/jquery.imgareaselect.css"> <script src="path/to/jquery.js"> <script src="path/to/jquery.imgareaselect.min.js"> ``` 接下来，我们将在HTML中设置一个`<img>`元素，用于...