画一个二叉树。

Question

我正在寻找一个 JavaScript 库，它允许用户绘制二叉树：添加/删除叶子节点、添加/删除父节点等等。

我找到了很多库，但它们大多数只用于数据可视化（例如：d3），而不是从浏览器中绘制图形。

这种库是否存在呢？

谢谢！

- Simon

---

我知道我是一个典型的“非我即敌”综合症患者，但是你不觉得这个任务足够简单有趣吗？另外，你是指交互式地创建一棵树，还是根据定义绘制一棵树（例如，仅计算可视化的良好树形结构）？ - 6502

我指的是前者：交互式地创建树（生成一个节点，点击按钮，生成一个叶子，点击，将一个叶子附加到另一个叶子上等）。 - Simon

Answer 1

请查看现有的东西来绘制图形（树是一种图形）：

纯JavaScript Graphviz等效物

您也可以自己编写代码，例如通过在HTML画布上进行绘制：

https://developer.mozilla.org/en-US/docs/HTML/Canvas/Drawing_graphics_with_canvas

- Christophe Roussy

---

谢谢 :) 我更喜欢说“树”，因为对于一些人来说，“图形”可能听起来像“图表”。我知道如何在画布上绘制，但我更愿意知道是否已经存在解决方案。没必要重复造轮子！ - Simon

那个树模型的js看起来不错 :) - Christophe Roussy

其实，我不确定。它似乎是一个Node.js包，而不是客户端库 :( - Simon

如上所述，tree-model只是一个数据结构操作库，而不是可视化工具。我会尝试使用http://www.jointjs.com/或自己动手做。 - Simon

Answer 2

Tree-model-js在其主页上有一个svg动画示例。您可以复制并使用它。

- Alex

---

嗯，是的，这里使用的可视化是使用d3自制的。树模型库只允许数据结构操作，而不是其可视化。我想我会自己做或使用类似http://www.jointjs.com/的东西。 - Simon