-
vue-drag-resize-rotate是一款允许在VueComponent中实现拖动、调整大小和旋转功能的组件
资源介绍
描述(Describe)
基于 vue2.6 的一个 dom 元素拖拽、缩放和旋转的组件;
支持基本的触点控制、宽高位置范围值、子父级嵌套、锁定定比例和层级等;
支持基本的事件回调,提供元素实时宽高位置信息数据;
目前仅支持 pc 端、px 的 css 单位;后续添加移动端和 rem 自适应;
组件仅实现最基本的拖拽、缩放和旋转核心功能,源码简单清晰可解耦,有较高的扩展性
演示(Demo)
版本(Version)
目前最新版本为 1.0.12
安装(Install)
npm i @liaogn/vue-drag-resize-rotate -S
// 或
cnpm i @liaogn/vue-drag-resize-rotate -S
引入(Import)
1、main.js 全局引入
import vueDragResizeRotate from '@liaogn/vue-drag-re
- 上一篇: touch.js 支持拖拽、缩放、旋转等
- 下一篇: CSS3鼠标悬停图片放大效果,hover效果!