k-draggable-vue
属性
scale
- 描述:缩放比例(整个拖拽画布整体的实时缩放比例)
- 数据类型:Number
- 默认值:1
width
- 描述:画布的宽
- 数据类型:Number
- 必传,且必须大于0
height
- 描述:画布的高
- 数据类型:Number
- 必传,且必须大于0
limitations
- 描述:边界限制,是否允许超出画布范围,true-不允许负坐标;false-允许负坐标
- 数据类型:Boolean
- 默认值:false
windowList
- 描述:窗口列表
- 数据类型:Boolean
- 默认值:[]
- 必传字段
- 示例:[{id: 1,style:{x:0,y:0,w:256,height:256}] // id为窗口ID,style为窗口的位置信息,窗口的原点为左上角,x-x轴坐标,y-y轴坐标,w-宽,h-高
minSize
- 描述:窗口允许缩放的最小尺寸
- 数据类型:Object
- 默认值:{width: 32,height: 32}
createWindowByMouse
- 描述:是否允许鼠标拖拽开窗
- 数据类型:Boolean
- 默认值:false
createWindowDom
- 描述:承载拖拽开窗范围的QuerySelector,用于获取对应的dom,默认开窗范围为画布的dom(注意:先决条件:==createWindowByMouse==;其次,开窗范围会受==limitations==影响,当==createWindowByMouse==激活时,但==limitations==为true时,==createWindowDom==不会生效,使用默认开窗范围)
- 数据类型:HTMLObjectElement
- 默认值:null
activeWindowId
- 描述:激活选中的窗口ID,即==windowList==中窗口的id
- 数据类型:String
- 默认值:''