使用antv_x6绘制树状图demo详解。 Teleport自定义vuejs节点，支持缩放，支持收缩节点子树，导出png和动态新增/删减子节点。含代码仓库，vecel示例，思路详解。

有向图是一个能表达很多场景的数据结构，Reactful 也许是本文新造的一个形容词，意图是指符合 React 框架思想和风格的编码开发方式。

# 基于drawio构建流程图编辑器 `drawio`是一款非常强大的开源在线的流程图编辑器，支持绘制各种形式的图表，提供了`Web`端与客户端支持，同时也支持多种资源类型的导出。 ## 描述 在我们平时写论文、文档时，为了更好地阐述具体的步骤和流程，我们经常会有绘制流程图的需求，这时我们可能会想到

本文从使用角度入手，循序渐进的讲述 DrawIO 是什么，为什么要基于 DrawIO 进行二次开发以及 DrawIO 二次开发的核心技术细节并抽象出了一套通用二开架构，因此文章内容较长，不同阶段的读者

实现效果展示 画布展示 泛化关系 组合关系 交互展示 移动线预览 移动元素预览 移动后效果 动图展示 SVG 绘制箭头连线 在 SVG 中绘制箭头有多种方法，最常见的是使用 <path> 元素来定义箭

首先我们需要知道流程图需要哪些东西。页面主要分为物料区域、画布区域、操作栏。最终的产物就是在画布上绘制一些图形。 所以我们的问题变成如何在画布上绘制出矩形、菱形、直线。这个时候就是 Svg 出场的

FineDrawio 项目介绍 开源地址 https://gitee.com/shixixiyue/fine-drawio-public 给开源项目 drawio 用 FineUI 套了个壳，

思维导图是一种常见的表达发散性思维的有效工具，本文会完整的介绍如何从头实现一个简易的思维导图，最终成果预览：https://wanglin2.github.io/mind-map/

什么是UML？ UML是Unified Model Language的缩写，中文是统一建模语言，是由一整套图表组成的标准化建模语言。 为什么要用UML？ 通过使用UML使得在软件开发之前， 对整个软件