vue-draggable-resizable-rotatable

Vue2 Component for draggable, resizable and rotatable elements.
在 vue-draggable-resizable的基础上支持了旋转功能和其他属性。

Install and basic usage

$ npm install --save vue-draggable-resizable-rotatable

下面是新增的属性和事件,原有属性请在vue-draggable-resizable中查看。

Props

rotatable

Type: Boolean
Required: false
Default: true

定义组件是否支持旋转

<vue-draggable-resizable-rotatable :rotatable="true">

r

Type: Number
Required: false
Default: 0

定义初始旋转角度

<vue-draggable-resizable-rotatable :r="0">

deselectCancel

Type: String
Required: false

定义点击组件外的其他区域时阻止取消选中的选择器

<vue-draggable-resizable-rotatable :deselect-cancel=".selector">

Events

rotating

Required: false
Parameters:

• rotate 旋转的角度

旋转时触发

<vue-draggable-resizable-rotatable :rotating="onRotating">

rotatestop

Required: false
Parameters:

• rotate 旋转的角度

旋转结束时触发

<vue-draggable-resizable-rotatable :rotatestop="onRotateStop">