2014-01-20 104 views
1

我在尋找一個js庫之上,用戶可以畫一個二叉樹:添加/刪除葉,添加/刪除父節點等畫一個二叉樹

我發現許多庫但其中大部分僅用於數據可視化(例如:d3),而不是從瀏覽器中繪製。

這是否存在?

謝謝!

+0

我知道我是美國國立衛生研究院綜合症的一個不好的例子,但是這不夠瑣碎和有趣,足以自己寫嗎?你的意思是交互式地創建一棵樹或者根據定義繪製一棵樹(例如,爲可視化計算一個像樣的樹幾何圖形)? – 6502

+0

我的意思是前者:交互式地創建一棵樹(生成一個節點,點擊一個按鈕,生成一片葉子,點擊,在樹葉上附加一片樹葉等等)。 – Simon

回答

0

看一看現有的東西繪製圖表(樹是一個圖):

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

Pure JavaScript Graphviz equivalent

您也可以通過繪製一個HTML畫布例如把它寫自己

+0

謝謝:)我更願意說'tree',因爲對於一些人來說'graph'可能聽起來像'charts'。我知道如何繪製畫布,我只想知道是否已經有解決方案。無需重新發明輪子! – Simon

+0

那個樹模型js的東西看起來不錯:) –

+0

其實,我不確定。看起來好像是一個nodejs包,而不是客戶端lib:( – Simon

1

Tree-model-js在主頁上有svg動畫示例。您可以複製並使用它。

+0

真的很有意思,謝謝! – Simon

+0

看起來不錯 –

+0

Mmh。是的,這裏使用的可視化是使用d3創建的,樹模型lib只允許數據結構操作,而不是可視化。我想我會自己做或使用像http://www.jointjs.com/ – Simon