这可以在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