這可以在cytoscape.js中完成嗎？

Question

是否可以在cytoscape.js中實現以下可用性概念？

1. 用戶可以通過在空白處左擊來向網格添加新節點。
2. 用戶可以通過在A上按下鼠標左鍵並在B上釋放鼠標左鍵來連接兩個節點A和B.（當用戶按住鼠標左鍵時，A和當前鼠標之間出現「預覽邊緣」 ）

Answer 1

對於（1），您可以使用cy.on('tap', ...)並根據事件的模型座標確定網格行/列。

截至2016年8月19日，有兩個現有的擴展與網格對齊UI幫助：

• cytoscape-grid-guide
• cytoscape-snap-to-grid

一般來說，擴展有demo.html這樣你就可以探索他們的功能。有一個list in the docs，並且一直在增加新的（第一方和第三方）。

您可能也有興趣在grid佈局。

對於（2），也有擴展，做的正是你提什麼，各有不同的額外的功能和選項：

• cytoscape-edgehandles
• cytoscape-edge-ediation