跳到主要内容

Props

Prop类型默认说明
w / hnumber100宽高
x / ynumber0相对父元素的 left / top
rnumber0旋转角度(度)
znumber | string''层级 z-index
bgstring''背景图片 URL
minWidth / minHeightnumber0缩放最小尺寸
maxWidth / maxHeightnumberInfinity缩放最大尺寸
lockbooleanfalse锁定宽高比
activebooleantrue是否显示激活态和控件
activeablebooleantrue是否可被激活和操作
draggablebooleantrue是否可拖动
resizeablebooleantrue是否可缩放
rotateablebooleantrue是否可旋转
sticksstring[]全部 9 个控件子集,可选 tl tm tr mr br bm bl ml angle
uuidstring | number''唯一 id,事件回传
childrensChildConfig[]undefined嵌套子组件参数数组
childWrapAttrHTMLAttributes<HTMLDivElement>undefined嵌套时子级包裹层属性
overflowstring''子级包裹层 overflow
stickHoverRender(cursorRotate) => { x; y; htmlText }undefined自定义触点 hover cursor
limitX / limitY[number, number] | nullnull限制旋转后包围盒范围

React 版刻意保留 Vue 版命名,包括 childrensresizeablerotateable