Skip to content

Latest commit

 

History

History
67 lines (49 loc) · 1.75 KB

README.md

File metadata and controls

67 lines (49 loc) · 1.75 KB

vue3-drag-resize-rotate

Software License Npm Package

Live Demo

中文在线演示地址

Quick Start

npm install  @gausszhou/vue3-drag-resize-rotate
import { 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
activated on activeed
deactivated on deactiveed
refLineParams on reference line change

Code Reference

https://github.com/gausszhou/vue-drag-resize-rotate

Thanks

感谢 gogocode 提供的代码转换服务