龙空技术网

超优秀 Vue3 拖拽+拉伸+旋转+放缩+自动对齐Vue3DragResize

web前端进阶 2556

前言:

目前大家对“css图片横向拉伸”大约比较关怀,你们都需要剖析一些“css图片横向拉伸”的相关知识。那么小编在网上汇集了一些对于“css图片横向拉伸””的相关内容,希望各位老铁们能喜欢,小伙伴们快快来学习一下吧!

今天给大家分享一款非常不错的 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);// useapp.use(VueDragResizeRotate);// or component// app.component(VueDragResizeRotate.name, VueDragResizeRotate);app.mount("#app");

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

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

最后附上演示及项目地址

// 演示地址 仓库地址

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

标签: #css图片横向拉伸