Find centralized, trusted content and collaborate around the technologies you use most.
Teams
Q&A for work
Connect and share knowledge within a single location that is structured and easy to search.
我希望能够在网页上显示动态语法树,可能使用 jQuery 组件。为了告诉你我的意思,这个
是一个语法树,这是我希望它显示的一般方式。
如何使用 HTML 和 CSS 构建类似的东西?
以防万一以后发现这个问题的人也尝试同样的方法,这就是我所做的:
我最终用 Graphviz 将树绘制为 SVG,然后使用一些魔法在 DOM 中移动 svg 树。这样我仍然可以与元素交互,例如拖放或悬停/单击事件。
结果可以在这里看到。
试试d3,它有一个非常好的树可视化
另一个选择是ArborJs ,你可以在这里找到介绍