logicflow

LogicFlow工作流在React和Vue3中的使用LogicFlow 是一款流程图编辑框架，提供了一系列流程图交互、编辑所必需的功能和简单灵活的节点自定义、插件等拓展机制，方便我们快速在业务系统内满足类流程图的需求。

LogicFlow 学习笔记——9. LogicFlow 进阶节点在某些时候，我们可能需要控制边的连接方式，比如开始节点不能被其他节点连接、结束节点不能连接其他节点、用户节点后面必须是判断节点等，想要达到这种效果，我们需要为节点设置以下两个属性。

LogicFlow 学习笔记——7. LogicFlow 基础背景 Background提供可以修改画布背景的方法，包括背景颜色或背景图片，背景层位于画布的最底层。 info 创建画布时，通过 background 选项来设置画布的背景层样式，支持透传任何样式属性到背景层。默认值为 false 表示没有背景。

LogicFlow 学习笔记——11. 对齐线和键盘快捷键对齐线能够在节点移动过程中，将移动节点的位置与画布中其他节点位置进行对比，辅助位置调整。位置对比有如下两个方面。

LogicFlow 学习笔记——2. LogicFlow 基础实例每一个流程设计界面，就是一个 LogicFlow 的实例。当创建一个实例的时候，我们需要传递初始化LogicFlow实例的配置项。LogicFlow支持非常丰富的初始化配置项，但是只有LogicFlow画布初始化时挂载的DOM节点container参数是必填的。完整的配置项参见LogicFlow API

siwangdexie_new

logic-flow 使用过程中遇到的bug - 拖动节点到画布的时候，鼠标松开，节点不落在画布，仍旧跟着鼠标走背景：插件：logicFlow 用途：画流程图 bug表现：初始化的样子： bug的样子：拖动第一个节点的时候，一切正常（无论哪个节点作为第一个节点，都是正常的，但是拖动第二个节点的时候，节点面板出现重影一样的效果，如图）此时选中的节点会一直跟随鼠标移动，不落在画布上，需要单击鼠标左键才可以落下，落下后，控制台会报错如下解决办法：给盒子里的icon和文字都加上 user-select: none; 让它们无法被选择