だから、私はkineticjsの助けを借りて有限状態マシンのビジュアライザー/エディターを作成したいのですが、次のシナリオでつまずいています:
2 つの「ノード」があります。たとえば、ステージ上でドラッグ可能な円オブジェクト (ラベルでグループ化) としましょう。ここで、1 つの円をクリックして、マウスを押したまま移動し、2 つの図形の間に接続 (簡単にするために矢印) を追加する必要はありません。
まだ解決策が見つかっていないため、これを達成する方法についてのヒントがあれば幸いです。
指定するには: ノード自体はドラッグ可能なままにする必要があります。私の考えは、黒い円と少し半径が小さい白い円を追加して、それらをグループ化することでした。次に、ドラッグスタートの白い円で -> ノードをドラッグし、ドラッグスタートの黒い円で -> 矢印を描きます。
問題は、ある形状から始まり、マウスをそのターゲットまでたどる矢印を描く方法です（別のノードグループにすることができます=>このグループへの接続またはステージの空白ポイント=>ユーザーが別のノードを選択できるようにするオーバーレイが開きます描画または描画をキャンセルします)。
これである程度理解できると思います。詳細については、お気軽にお問い合わせください。
よろしく、 ドミニク
ps: この動作は、lucidchart (dot com) がダイアグラムを作成するときに使用する動作とまったく同じようです。