可以在cytoscape.js中完成吗？

Question

是否可以在cytoscape.js中实现以下可用性概念？

1. 用户可以通过左键单击空白点来向网格添加新节点。
2. 用户可以通过在A上按下鼠标左键并在B上释放鼠标左键来连接两个节点A和B.（当用户按住鼠标左键时，A和当前鼠标之间出现“预览边缘”位置。）

Answer 1

对于（1），您可以使用cy.on('tap', ...)并根据事件的模型坐标确定网格行/列。

截至2016-08-19，有两个现有的扩展用于帮助网格对齐UI：

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

通常，扩展程序有demo.html，因此您可以浏览其功能。有一个list in the docs，并且一直在添加新的（第一方和第三方）。

您可能也对grid布局感兴趣。

对于（2），有一些扩展可以完全按照你提到的方式进行，每个扩展都有不同的额外功能和选项：

• cytoscape-edgehandles
• cytoscape-edge-ediation