图片裁剪器
Properties:
| Name | Type | Description |
|---|---|---|
imgSrc |
string | 图片路径 |
height |
number | 裁剪框高度，默认200 |
width |
number | 裁剪框宽度，默认200 |
minWidth |
number | 裁剪框最小宽度，默认100 |
minHeight |
number | 裁剪框最小高度，默认100 |
maxWidth |
number | 裁剪框最大宽度，默认300 |
maxHeight |
number | 裁剪框最大高度，默认300 |
disableWidth |
boolean | 裁剪框横向禁止拖动，默认false |
disableHeight |
boolean | 裁剪框纵向禁止拖动，默认false |
disableRatio |
boolean | 锁定裁剪框比例，默认false |
exportScale |
number | 生成的图片尺寸相对剪裁框的比例，默认为3 |
quality |
number | 生成的图片质量，值范围为0-1 |
cutTop |
number | 剪裁框Y轴偏移量 |
cutLeft |
number | 剪裁框X轴偏移量 |
canvasTop |
number | canvasY轴偏移量 ，不设置默认不显示 |
canvasLeft |
number | canvasX轴偏移量，不设置默认不显示 |
imgWidth |
number | 图片宽度 |
imgHeight |
number | 图片高度 |
scale |
number | 图片缩放比，默认为1 |
angle |
number | 图片旋转角度，默认为0 |
minScale |
boolean | 最小缩放比，默认为0.5 |
maxScale |
boolean | 最大缩放比，默认为2 |
disableRotate |
boolean | 是否禁用旋转，默认false |
limitMove |
boolean | 是否限制移动范围(剪裁框只能在图片内)，默认false |
Fires:
- event:init 初始化完成分发事件
- event:imageLoad 图片加载完成分发事件
- event:cutComplete 图片裁剪完成分发事件