LogicFlow

LogicFlow是基于SVG实现的画布，由于没有特别设计过，画布主题默认是黑白的，视觉上逐渐跟不上潮流。 更关键的是用户定制一套风格统一的画布步骤繁琐。本文带大家了解近期LogicFlow的主题优化

在可视化与流程图编辑场景中，“撤销（Undo）/重做（Redo）”功能可以显著提升用户的操作体验与容错性。无论是节点位置变动、连线新增或删除，用户都希望能够随时“回到上一步”或“继续下一步”。本篇文章

在可视化开发或流程图应用中，“移动（translate）”、“缩放（scale）”和“旋转（rotate）”是画布元素（节点、连线）的常见变换需求。不同的流程图框架在处理这些变换时往往采用不同的技术方

在前面的内容中，我们已经探讨了如何在流程图中实现节点和连线的绘制、交互及扩展。不同的流程图框架在实现节点和连线时，往往会选择不同的绘制方案和技术栈。本文将以 X6、LogicFlow 和 ReactF

引言 在前两篇中，我们构建了一个最简易的流程图库模型，并逐步拆解和实现了其核心能力，包括数据视图模型分离、节点高效管理、动态连线管理、统一事件中心和优化图形渲染。尽管这些基础功能已经具备了基本的流程图

为了系统的提升流程图库的功能，我们将核心能力拆解为以下几个模块：数据视图模型分离：如何设计灵活的数据结构，确保流程图数据（节点、连线）与视图分离；节点高效管理：如何支持节点的增删改查，节点的样式和内容

实现一个最简易的流程图库。通过定义核心概念（节点、连线、画布）和实现基本功能（添加节点、拖拽节点、连接节点等），构建了一个基础但使用的流程图库模型。通过进一步的功能拓展，如增加节点类型、边类型、事件交

说起渐进连线的作用首先想到的应该就是提升画图体验，试想我们只需要拖拽节点/锚点到一定距离就能自动生成一条线，画图能变得更加简单和高效。本文向你分享LogicFlow从0到1打造渐进连线功能的实践...

引言 通过前面两篇的学习，我们了解了 SVG 和 Canvas 的基础概念，那如果我们要实现一个流程图库，这两种技术的关键差异点有哪些呢？我们将在这一章做具体分析。 在 Canvas 中添加交互功能和