在Javascript中製作互動頁面

我想用Javascript創建一個用戶友好的互動頁面。該頁面的目的是 以連接的圖形作爲輸入並對其執行各種操作 輸入方法應該與我們在筆記本上理論上所做的一樣（用圓圈和線條連接它們）。其實我有點困惑，我該從哪裏開始。我以前想過的是： 1.當用戶點擊一個特定的按鈕（帶有唯一的id）時，使用jQuery創建一個循環div。 2.使div可拖放。 3.使用一條線連接兩個div。在Javascript中製作互動頁面

我被困在這裏，第三點。如何連接使用一條線在空間中展開的兩個div元素，並將它們之間的距離作爲用戶的輸入？我想用數組存儲距離。

任何幫助我該怎麼做？我懂JavaScript和jQuery。任何參考或指導或進一步閱讀來源也將不勝感激。

來源

2014-09-27 Akshay Arora

看看D3.js，一個JavaScript庫。

聽起來D3很適合你的需求。這與jQuery一樣容易學習。

D3以數組操作爲中心，這聽起來像你正在尋找的東西。。

具體來說，D3 Force Layout API可能是你最感興趣的

來源

2014-09-27 07:10:05 LazerSharks

還看到：http://stackoverflow.com/questions/10913407/d3-directed-graphs和http://bl.ocks.org/mbostock/1153292 – Paul 2014-09-27 07:13:22

在Javascript中製作互動頁面

回答

相關問題