渲染在浏览器

Question

语言语法树的输入是之一：

（1）树的括号内表示与诸如标记内部节点：

(S (N John) (VP (V hit) (NP (D the) (N ball)))) 

与输出：

（是否虚线以及标题是否存在并不重要）

或输入可以是：

（2）上的话一个包围没有标签，例如：

((John) ((hit) ((the) (ball)))) 

具有输出与上述相同的（没有内部标签。此时，正好树结构）。

输入的另一个组件是树是否标记为（1）或未标记为（2）。

---

我的问题：什么是呈现在JavaScript浏览器这些树的最佳方式（发展最快的时间）？一切都应该发生在客户端。

我想象一个简单的界面只有一个文本框（和一个单选按钮，指定它是否是一个标记的树），更改时，触发树渲染（如果输入没有任何语法错误）。

Answer 1

实际上有服务器端库将括号内的表示转换为树，phpsyntaxtree。
您可以使用javascript图形库（如jsdraw2d）重新实现它们，或使用HTML5画布在JavaScript上滚动您。

10 Best Javascript Drawing and Canvas Libraries

Answer 2

我不知道该策略是做什么用的计算器自插头。如果这是违反规定，我很抱歉。

你见过我的解决方案吗？ mshang.ca/syntree

这不完全是你想要的，但如果它有帮助，你可以自由地偷取code。