PHP世纪论坛

 找回密码
 立即注册
搜索
查看: 677|回复: 0

jQuery 图像裁剪插件Jcrop 中文参数及API文档

[复制链接]

234

主题

240

帖子

1074

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1074
发表于 2016-3-10 15:00:37 | 显示全部楼层 |阅读模式
官方文档:http://jcrop.org/doc/index

参数:
属性类别
名称
默认值
说明
选中框属性edge{ n: 0, s: 0, e: 0, w: 0 }设置框的四条边界线的粗细
例:
cb.setOptions({ edge: {n: 15, e: -20, s: -40, w: 28}});
setSelectnull设置一个框,参数应该分别为这个框的左上角x坐标,左上角y坐标,宽度,高度
例:
cb.setSelect([ 147, 55, 456, 390 ]);
linkedTRUE是否连接
linkedCurrentTRUE是否连接当前选中框
canDeleteTRUE允许删除框
canSelectTRUE允许选中框
canDragTRUE允许拖拽框
canResizeTRUE允许放大缩小框
子组件eventManagerComponentJcrop.component.EventManager事件管理组件
keyboardComponentJcrop.component.Keyboard键盘事件响应组件
dragstateComponentJcrop.component.DragState拖拽状态组件
stagemanagerComponentJcrop.component.StageManagerstage管理组件
animatorComponentJcrop.component.Animator动画处理组件
selectionComponentJcrop.component.Selection选中框管理组件
stageConstructorJcrop.stageConstructorstage对象构造器
stage属性allowSelectTRUE允许选新框
multiFALSE允许画多个框
multiMaxFALSE最大框数
multiCleanupTRUE允许清除所有框
animationTRUE允许动画效果
animEasingswing'动画效果类型
animDuration400动画持续时间
fadingTRUE允许淡入淡出效果
fadeDuration300淡入淡出持续时间
fadeEasingswing'淡入淡出类型
bgColorblack'背景颜色
bgOpacity0.5背景透明度
启动选项applyFilters[ 'constrain', 'extent', 'backoff', 'ratio', 'shader', 'round' ]应用过滤器
borders [ 'e', 'w', 's', 'n' ]边框
handles [ 'n', 's', 'e', 'w', 'sw', 'ne', 'nw', 'se' ]句柄
dragbars[ 'n', 'e', 'w', 's' ]拖拽栏
dragEventTargetwindow拖拽事件目标
xscale1x方向比例
yscale1y方向比例
boxWidthnullbox宽度
boxHeightnullbox高度



对象API:
名称
说明
init初始化Jcrop对象
destroy销毁Jcrop对象
applySizeConstraints应用大小限制条件
initComponent初始化指定子组件
setOptions设置选项参数
例:
cb.setOptions({ allowSelect: true, multi: false });
applyFilters应用过滤器
getDefaultFilters获取默认过滤器
setSelection设置选中框
getSelection获取选中框
newSelection创建一个新的选中框
hasSelection判断是否有选中框
removeSelection移除选中框
addFilter添加过滤器
removeFilter移除过滤器
blur不聚焦选中框
focus聚焦选中框
initEvents初始化事件
maxSelect设置选中框的最大宽度和高度
refresh刷新所有框
blurAll所有框都取消聚焦
scale框按照比例调整
unscalescale的反向操作
deleteSelection删除选中框,并聚焦在最早创建的框上
animateTo以动画的形式生成一个新的框
setSelect设置框
getContainerSize获取容器的尺寸
resizeContainer调整容器的宽度和高度
setImage设置Jcrop绑定的图像,可以用这个函数更换图片
update更新框



回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|PHP世纪论坛 ( 豫ICP备15004666号-2 )

GMT+8, 2018-4-19 19:42

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表