🌈介绍 基于 vue3.x + CompositionAPI + typescript + vite 的可拖拽、缩放、旋转的组件 拖拽&区域拖拽 支持缩放 旋转 网格拖拽缩放 在线示例 源码地址 这节

以下是一个基于 Vue 3 的可视化编辑器的实现方案，涵盖 拖拽交互、组件渲染、数据响应式更新 和 辅助线功能，并结合代码示例解析核心逻辑。 1. 核心功能概述 本项目实现了一个可视化编辑器，用户可以

一年前，我接到一个需求，需要开发一个低代码平台，调研了下市面上适用于React的拖拽库，基本都不满足我的需求，所以我就想自己封装一个

看过上篇文档，你一定会觉得，拖拽好像也不是很难，一个属性，7个事件。但是如果你真的直接使用上面的事件与api开发过复杂拖拽应用的话，一定会记忆尤新

poster-design —— 一款漂亮且功能强大的在线海报设计器、图片编辑器、仿稿定设计。适用于海报生成、电商产品图、文章长图、视频/公众号封面等多种场景。

项目起因 事情是这样的，前不久看到一个国产的开源canvas 2d框架（leaferjs）做的非常棒，于是就跃跃欲试，打算用这个框架搞点什么，于是最终决定搞一个开源的在线的图片&海报编辑器，肝了一个月

在项目中需要统一代码风格时，我开始接触并学习了抽象语法树（AST）。通过在线工具和代码实践，我了解到AST的结构和在代码分析中的作用。我发现AST不仅有助于编写eslint规则，还能进行代码重构。

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

源码在GitHub上，总结下使用fabric.js开发一个编辑器需要用到哪些知识点。 预览地址：https://nihaojob.github.io/vue