DymoneLewis

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

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

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

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

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

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

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

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

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

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

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

LogicFlow 提供了便捷的导出画布功能，允许用户将画布上的所有内容以图片形式下载保存，这在前端叫做截图技术，网上也有许多教程讲解如何进行 dom 截图，一般使用主流库...

LogicFlow 是一款滴滴客服技术团队开源的流程图编辑框架，它提供了一系列流程图交互、编辑所必需的功能和灵活的节点自定义、插件等拓展机制。目前终于发布2.0版本，快来一...

今天不聊技术了，来聊聊我最近的一些感悟。 这两天相信大家也都看到了，博客园因为经营不善，“又”发布了一篇求助信。为什么说又呢？ 我去谷歌随便搜索了一下 可以看到在2024-...

自发布以来，LogicFlow 影响力持续增长，现已成为国内头部开源流程图编辑框架，2.0 在功能性和稳定性方面都得到了显著提升，为用户和开发者提供了更强大的工具和能力支持...

wangEditor 正在设计新版本，力争做一个更加稳定、简洁的开源富文本编辑器。虽然已经实现部分功能，但目前还处于技术方案设计过程中，API 和代码结构还会继续调整。...

GitHub 大家都知道，很多公司的开源项目都会放在这个地方。 本篇将分享这段时间自己提交 PR 的一些经验，也是记录自己踩过的坑。 这里以 ant-design 为例。 ...