《LiteFlow逻辑可视化编排设计与实现》会以系列文章的形式，有步骤、有重点地分享我们对LiteFlow逻辑可视化编排的实现，希望能帮到有同样需求的朋友。

几个月前我写了一篇关于从零开发一款可视化大屏制作平台 的文章， 简单概述了一下可视化大屏搭建平台的一些设计思路和效果演示， 这篇文章我会就 如何设计可视化大屏搭建引擎 这一主题， 详细介绍一下实现原理

🧑‍💻 写在开头 点赞 + 收藏 = 支持原创 🤣🤣🤣 上一篇文章我们聊了 数据层与渲染层的绑定机制，今天继续推进 —— 把视角放到事件层。 你会看到一个清晰的五层架构设计，从 DOM 原生事件到业务

上一篇我们讲解了分层事件系统的设计，本篇我们将在事件系统的基础上实现无限画布、标尺、网格绘制，无限画布实际上只是理论上的无限，绘制的仅仅是视口区域，通过事件触发移动和缩放，重新计算视图矩阵，更新渲染

【图形编辑器架构】节点树篇 — 从零构建你的编辑器数据中枢 🧑‍💻 写在开头 点赞 + 收藏 = 支持原创 🙏 如果你正在做画板、可视化、图形编辑器、流程图工具、思维导图这种东西，那么节点树绝对是核心

大家好，我是前端西瓜哥。 图形编辑器算是 Web 前端开发领域的其中一个天花板了。 对于功能复杂的图形编辑器，经过迭代多年，几十多模块互相关联，包含各种细碎的业务细节，复杂度足够高。 实现过程中要在设

椭圆是圆形的 "灵活亲戚"—— 它可以是胖的、瘦的、横的、竖的，是创作中非常实用的图形元素。p5.js 的 ellipse() 函数能轻松绘制各种椭圆

今天我们来简单了解如何 给图形编辑器加上多人协同编辑功能。 多人协同，需要一种协同编辑算法，有 OT 和 CRDT 两种主流算法。 OT 涉及算法比较复杂难懂，且泛用性和扩展性较差，在之前 CRDT

标尺常用于图形编辑器和低代码构筑平台上，最近因为项目需要需要实现一个标尺功能，要求有以下功能： 1.刻度 2.平移缩放 3.绘制上的图形同步缩放平移..