これはcytoscape.jsで行うことができますか？

Question

cytoscape.jsで以下のユーザビリティの概念を実装することは可能ですか？

1. ユーザーは、空の場所を左クリックすると、新しいノードをグリッドに追加できます。
2. ユーザーは、Aの上でマウスの左ボタンを押し、Bの上で左ボタンのマウスボタンを離すことでノードAとBの2つのノードを接続できます（ユーザーが左マウスボタンを押している間にAと現在のマウスの間に "位置）。

Answer 1

（1）の場合は、cy.on('tap', ...)を使用して、イベントのモデル座標に基づいてグリッド行/列を決定できます。 2016年8月19日のよう

、グリッドアライメントUIを助けるために2つの既存の拡張機能があります。

一般

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

、拡張子がdemo.htmlを持っているので、あなたができます彼らの特徴を探る。 list in the docsがあり、常に新しいものが追加されています（ファーストパーティとサードパーティの両方）。

gridレイアウトにも興味があります。 （2）、あなたが言及正確に何の拡張機能があるために

、さまざまな余分な機能やオプションを持つ各：

• cytoscape-edgehandles
• cytoscape-edge-ediation