r0ger1tlearn

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

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

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

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

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

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

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

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

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

引言 在这一章中，我们将带大家探讨 Canvas 在流程图库中的应用场景、相关技术实现以及它在实际项目中的优势。 Canvas 的概念大家可能都听过，HTML5 Canva...

引言 在上一篇中我们提到了，流程图库的实现技术方案中主要有 SVG 和 Canvas，为了方便后续的学习，这一章我们将带大家学习一下 SVG 相关的知识，并着重介绍下在流程...

便签节点是一种非常实用的辅助节点，用于在流程图中添加额外的说明、注释或备注信息。本文通过在 LogicFlow 中实现一个自定义便签节点带你了解流程图便签实现流程...

为什么会有这样一个专栏？ 大家在生活中，也或多或少会遇到一些流程。最常见的场景应该是我们的请假审批流程了，如下图所示，当我们在系统中发起请假申请后，工作流引擎会驱动，按照引...

需要充分对比了其它产品的体验效果，希望我们通过 LogicFlow 实现的产品能有类似或更好的体验。所以我们做了这样的性能测试，尝试探索出 LogicFlow 实现产品的性...

引言 在AI逐渐成为潮流的现在，各行各业的开发者都在积极探索如何将AI与自身项目有机结合。本期为大家带来我们探索LogicFlow在AI领域的可能性的实践...

打开流程图文件时流程图是如何被渲染出来的，鼠标拖拽时流程图又是如何响应的？这篇文章带你了解LogicFlow在渲染流程图时都在做什么😉...

边在流程图中扮演着重要的角色，随着业务场景的增加，流程图框架提供灵活的边模块尤为重要。本文介绍了LogicFlow的边模块的设计思路，并通过一个 实现动画边 的例子，带大家...

传统场景下，流程图经常被用于业务系统中快速满足各类可流程化的需求，比如审批流、工单流转、客服语音电话转接配置等，流程图库通过提供丰富的流程图交互和编辑功能，并支持灵活的节点...