gpt4 book ai didi

javascript - 复杂的层次树布局

转载 作者:太空狗 更新时间:2023-10-29 15:51:02 24 4
gpt4 key购买 nike

我需要创建一个分层树 ( something like this ),但我需要一些功能:

  1. 能够根据自己的喜好设计节点(大小、背景图像、字体等)
  2. 自动布局
  3. 能够通过拖放连接节点

我看过GoJs它很棒,但它是基于 Canvas 的,我无法找到一种方法让节点看起来完全符合我的要求(实际上什至无法远程关闭)。

我也看过 d3.js这也很好,但同样,因为它是 SVG,所以很难设计节点。

这里的主要工作是布局和连接节点,我可以自己处理拖放,是否有一个库可以为我处理布局,这样我就可以创建所需的 div,设计他们是我认为合适的,让图书馆只做布局的事情?

最佳答案

这里有一些示例库。

如果您想避免 Canvas ,请尝试为以下内容实现拖放

CSS3 Family Tree

SlickMap

或者看看一些基于 Canvas 的库

JavaScript InfoVis Toolkit's HyperTree / SpaceTree

jsPlumb

关于javascript - 复杂的层次树布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14954789/

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