k-draggable-vue

56 阅读1分钟

属性

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
  • 默认值:''