0.0.2 • Published 2 years ago
vue3-draggable-resizable-rotate v0.0.2
vue3-drag-resize-rotate
Live Demo
Quick Start
npm install @gausszhou/vue3-drag-resize-rotateimport { createApp } from "vue";
import VueDragResizeRotate from "@gausszhou/vue3-drag-resize-rotate";
import "@gausszhou/vue3-drag-resize-rotate/lib/bundle.esm.css";
const app = createApp(App);
// use
app.use(VueDragResizeRotate);
// or component
// app.component(VueDragResizeRotate.name, VueDragResizeRotate);
app.mount("#app");Props
| Prop | Description |
|---|---|
| draggable | Enable drag |
| resizable | Enable resize |
| rotatable | Enable rotate |
| w | width |
| h | height |
| x | left |
| y | top |
| z | Zindex |
| r | rotate angle |
Emits
| Event | Description |
|---|---|
| dragging | on dragging |
| dragstop | on drag stop |
| resizing | on resizing |
| resizestop | on resize stop |
| rotating | on rotating |
| rotatestop | on rotate stop |
| refLineParams | on reference line change |
Code Reference
https://github.com/gausszhou/vue-drag-resize-rotateThanks
感谢 gogocode 提供的代码转换服务