对基本参数概述Jcrop实现对

下载页面：点击这里Jcrop实现对原

基本使用方法如下：

首先，在头部（和）之间插入相关的CSS和js文件。
在头部，插入回调函数和其他相关的处理参数。

复制代码代码如下所示：

<！——
函数（$）{
创建变量（在这个范围内保存API和）图像大小
无功jcrop_api，boundx，边界；

$（# cropbox）。Jcrop（{
minsize：{ 0 }，
最大尺寸：{ 0 }，
setselect：{ 0,0,0,0 }，
颜色：800，
borderopacity：0.3，
KeySupport：假，
DragEdges：假，
allowselect：假，
allowresize：假，
bgopacity：0.2，
边界：0，
/ / allowmove：假，
AddClass：'jcrop-handle，
onselect：updatecoords，
}，
函数（）{
使用API获取实际图像大小
VaR的界限= this.getbounds（）；
boundx =界{ 0 }；
庞迪=界{ 1 }；
存储API在jcrop_api / /变量
这jcrop_api =；
}）；
功能updatecoords（C）
{
$（# X）。瓦迩（C.X）；
$（# Y）。瓦迩（码头）；
$（# W）瓦迩（c.w）；
$（# H）瓦迩（c.h）；
}；
checkcoords（）函数
{
如果（parseInt（$（' # W）。瓦迩（）））返回true；
警报（请选择定制的地区）；
返回false；
}；
}）；
-->
三。将ID添加到相关图片以便识别。
它可以实现最简单的切割效果，至于如何结合动态PHP语句处理图片，在文章的顶部给出了示例。

下表给出了基本选项参数设置：
名称
默认值
解释
allowselect
真正的
允许一个新的盒子

allowmove
真正的
允许箱运动

allowresize
真正的
允许框放大

trackdocument
真正的
基类
Jcrop实现对
基准样式的前缀。描述：class=Jcrop实现对持有人

addClass
无效的
添加样式。例如：假设值为测试

背景颜色
黑色
背景色。色键，十六进制，RGB。

bgopacity
零点六
背景透明度

bgfade
假
背景转换效应的应用

borderopacity
零点四
框架边框的透明度

handleopacity
零点五
变焦按钮的透明度

handlesize
九
缩放按钮的大小

handleoffset
五
缩放按钮和边框之间的距离。

纵横比
零
框的宽度和高度的比率被选择。描述：宽度/高度。

重点扶持
真正的
支持键盘控制。键列表：上下（移动），Esc（取消），Tab（跳出剪辑框，到下一帧）。

cornerhandles
真正的
允许边缘角缩放

sidehandles
真正的
让四边形缩放

drawborders
真正的
包围盒

dragedges
真正的
允许拖边境

fixedsupport
真正的
touchsupport
无效的
颜色
零
画布的宽度

boxheight
零
画布的高度

边界
二
边界：描述：您可以拖动鼠标从边界选择剪辑区域。

FADETIME
四百
效时间

animationdelay
二十
动画延迟

swingspeed
三
转换速度

minselect
{ 0 }
选择框的最小大小。描述：如果框小于大小，选择将自动取消。

最大尺寸
{ 0 }
最大帧大小

minsize
{ 0 }
最小帧大小

的变化
函数（）{ }
当盒子被改变时发生的事件

onselect
函数（）{ }
选盒时机

onrelease
函数（）{ }
取消盒子中的事件

下一个表是api方法。
名称
解释
西雅图（字符串）
设置（或更改）的形象。例如：jcrop_api.setimage（newpic .webp）

setOptions（对象）
设置（或更改）参数，格式与初始化参数相同。

setselect（阵列）
创建一个框，参数格式为：{ x，y，x2，y2 }

AnimateTo（阵）
创建具有动画效果的框。参数格式：{ x，y，x2，y2 }

释放（）
取消盒

禁用（）
描述：现有禁用Jcrop实现对。盒不会被清除。

使（）
使Jcrop实现对

破坏（）
除去Jcrop实现对

tellselect（）
把盒子的价值（实际大小）。例如：console.log（jcrop_api.tellselect（））

tellscaled（）
把盒子的价值（大小的界面）。例如：console.log（jcrop_api.tellscaled（））

getBounds（）
获取图片的实际大小，格式：{，h，}

getwidgetsize（）
获取图片显示大小，格式：{ W，}

GetScaleFactor（）
要获得图片的比例，格式是：{，h，}