文件名称:vue-drag-resize-rotate:vueComponent拖动,调整大小和旋转
文件大小:149KB
文件格式:ZIP
更新时间:2024-06-16 02:47:35
JavaScript
描述(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
【文件预览】:
vue-drag-resize-rotate-master
----.gitignore(227B)
----package.json(1KB)
----src()
--------index.js(299B)
--------vdr()
----dist()
--------public()
--------index.html(809B)
----public()
--------index.html(663B)
----README.md(6KB)
----vue.config.js(1KB)
----example()
--------style()
--------main.js(255B)
--------App.vue(4KB)
--------img()
----lib()
--------VueDragResizeRotate.umd.js(63KB)
--------demo.html(228B)
--------VueDragResizeRotate.css(2KB)
--------VueDragResizeRotate.common.js(62KB)
--------VueDragResizeRotate.umd.min.js(24KB)
----babel.config.js(190B)