Skip to content

一个Vue3.0组件,支持拖拽,拉伸,旋转,放缩,自动对齐;A Component for Vue.js 3.0;

License

Notifications You must be signed in to change notification settings

gausszhou/vue3-drag-resize-rotate

Repository files navigation

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 提供的代码转换服务

About

一个Vue3.0组件,支持拖拽,拉伸,旋转,放缩,自动对齐;A Component for Vue.js 3.0;

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •