设置了grid的size属性，addNode，会造成节点有偏移

didi / LogicFlow

A flow chart editing framework focus on business customization. 专注于业务自定义的流程图编辑框架，支持实现脑图、ER图、UML、工作流等各种图编辑场景。

https://site.logic-flow.cn

Apache License 2.0

8.74k stars 1.14k forks source link

Open HunterHeroHan opened 3 months ago

HunterHeroHan commented 3 months ago

如果设置了grid的size属性后，使用addNode方法，会造成节点有偏移。以官方示例https://site.logic-flow.cn/zh/examples/react/registry#customReact

在new LogicFlow()，(34行）添加代码 grid: { size: 12 }, lf.addNode调用后，之后输出 lf.getGraphData()，可发现node位移

boyongjiong commented 3 months ago

这个目前看是符合预期的，因为设置 gridSize 之后，我们会把节点的中心吸附在grid 的中心点上

HunterHeroHan commented 3 months ago

这个目前看是符合预期的，因为设置 gridSize 之后，我们会把节点的中心吸附在grid 的中心点上

那如何才能避免连续addNode时候节点重叠？单纯的算偏移嘛，还是有方法可以把吸附关掉？

DymoneLewis commented 4 days ago

这个目前看是符合预期的，因为设置 gridSize 之后，我们会把节点的中心吸附在grid 的中心点上

那如何才能避免连续addNode时候节点重叠？单纯的算偏移嘛，还是有方法可以把吸附关掉？

确实，如果addNode创建的节点之间的距离小于1 grid size就会出现重叠的情况，单纯算偏移感觉不太行，这样网格对齐就失去效果了，我研究一下关掉吸附的可行性