gpt4 book ai didi

javascript - 流程图的自动间距

转载 作者:行者123 更新时间:2023-11-29 10:25:48 26 4
gpt4 key购买 nike

所以我正在进行一个项目,最终将使用 Flickr api 生成一种流程图。您将提供一个种子标签,程序将使用该种子标签来查找其他具有共同标签的相关 Flickr 图片...

我已经启动并运行了所有后端内容,但我对格式设置感到困惑。这是我希望它看起来像的屏幕截图...

Cool Screenie

这是我的问题。是否有接近每个分支间距的好方法?这就是说,我想要一个功能,我可以简单地创建一个新节点(或“分支”)并指定我希望它附加到哪个现有节点。这一切都很好,但我需要能够自动智能地将新节点放置在页面上,这样它就不会与任何现有的线或节点重叠。我想这更像是一个一般性的编程问题,就好像我知道我可以编写代码的过程一样,但对于那些感兴趣的人,我正在使用 Javascript/HTML/CSS 进行样式设置,可能还有一些 PHP 用于 Flickr 调用。

请随时提出任何问题来澄清我的杂乱无章。

最佳答案

您可以在节点之间使用 Spring 模型。每个节点都对其他每个节点施加排斥力。让所有节点互相推挤一定次数,你就会想出一个合理的解决方案。您需要设置一些限制,以确保节点不会飞入太空,并且您不会在几个相似的状态之间摇摆不定。

在 Javascript/PHP 中实现它作为练习留给读者。

另一种方法是使用图形布局程序,例如 GraphViz .

关于javascript - 流程图的自动间距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1234764/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com