渲染在瀏覽器

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。