Skip to content

Latest commit

 

History

History
188 lines (178 loc) · 4.03 KB

DOCUMENT.md

File metadata and controls

188 lines (178 loc) · 4.03 KB

文档

属性说明

名称 说明 平台
src 图片地址 全部
visible 组件是否可见 全部
size 裁剪尺寸 全部
positionOffset 裁剪框偏移,一般默认裁剪框在画布中心,如果不想在中心则需要设置这个属性来对其位置进行一定的偏移 全部
borderWidth 裁剪框边框宽度 全部
borderColor 裁剪框边框颜色 全部
boldCornerLen 裁剪框边角加粗长度 全部
cropSizePercent 裁剪框占裁剪显示区域的比例,0.9 表示所占比例为 90% 全部
coverColor 遮罩背景颜色 全部
funcBtns 默认功能按钮(目前支持 upload 重新上传、crop 裁剪图片、close 取消、around 90度旋转、reset 重置) 全部
rotateSlider 是否开启旋转刻度盘(默认开启) 全部
startAngle 旋转刻度盘开始角度 全部
endAngle 旋转刻度盘结束角度 全部
gapAngle 旋转刻度盘间隔角度 全部
lineationItemWidth 旋转刻度盘间隔宽度(单位 px) 全部
borderDraw 裁剪框自定义边框绘制函数 全部
coverDraw 裁剪框自定义辅助线绘制函数 全部
uploadCallback 重新上传裁剪图片回调函数 全部
closeCallback 关闭裁剪组件回调函数 全部
cropCallback 图片裁剪完成回调函数 全部
debug 是否开启调试模式(开启调试模式会动态显示内容图片自动吸附填满裁剪框的过程) 非微信小程序
title 标题 非微信小程序
$container 容器(如果不设置容器那么裁剪组件会默认添加到 body 元素中) 非微信小程序

方法说明

方法 说明 平台
setImage 设置裁剪图片 全部
initRotateSlider 初始化旋转刻度盘 全部
initFuncBtns 初始化功能按钮 全部
updateBox 初始化裁剪框 全部
initBoxBorder 初始化裁剪框边框以及遮罩 全部
show 显示组件 非微信小程序
hide 隐藏组件 非微信小程序
initTitle 初始化标题 非微信小程序

依赖

原理及实现

全平台(Vue、React、微信小程序)任意角度旋转 图片裁剪组件 https://newbieweb.lione.me/2019/05/16/simple-crop/