gpt4 book ai didi

javascript - 如何绘制思维导图

转载 作者:太空狗 更新时间:2023-10-29 14:23:00 25 4
gpt4 key购买 nike

我正在研究一种绘制思维导图的算法。这里的要点是智能地排列节点,这样就没有重叠,看起来分布很好。作为示例,请参见此屏幕截图(来自 MindNode):

what it should look like

考虑到每个节点占用的空间,关于如何很好地安排这个结构的任何想法?你知道我可以研究的任何代码吗(比 graphviz 更简单一些)?

在它出现之前,我不是在寻找“物理模拟”算法,例如this ,或像点这样的完成程序。最后我想用JS实现,但是为了理解算法任何语言都可以。

最佳答案

我猜你只能用 CSS 来做到这一点。使用 JS 为您的节点提供正确的类,CSS 将根据需要负责安排它们。

例如,可以在每个节点上设置margin: 1em 0 1em 0,使其有足够的空间等等

关于javascript - 如何绘制思维导图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10358843/

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