今天给大家分享一款非常不错的 vue3.x 可拖拽缩放自动对齐组件Vue3-Drag-Resize。

vue3-drag-resize-rotate 运用 vue3 开发的支持拖拽，拉伸，旋转，放缩，自动对齐组件。

安装

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.ems.css";

const app = createApp(App);

// use
app.use(VueDragResizeRotate);
// or component
// app.component(VueDragResizeRotate.name, VueDragResizeRotate);

app.mount("#app");

vue3-drag-resize-rotate 提供了非常多的示例演示，不得不说是非常不错的一款集成拖拽、缩放、旋转、自动对齐功能的插件。

大家如果感兴趣，可以去看看。或者有其它不错的vue3可拖拽插件，欢迎一起交流学习哈~~

最后附上演示及项目地址

// 演示地址
https://gausszhou.github.io/vue3-drag-resize-rotate/
// 仓库地址
https://github.com/gausszhou/vue3-drag-resize-rotate

好了，今天的分享就先到这里了。