javascript - マウス カーソルの位置に cytoscape ノードを追加

Question

キャンバス上のクリック イベントで、マウスの矢印の位置に cytoscape ノードを追加したいと考えています。

これどうやってするの？

私のアプローチ:(あまりうまくいかない)

クリックでノードを作成できますが、作成されたノードの位置がクリックした場所にあることを確認できません。次のようなものを使用します。

$("#cy").click(function(event){

    pos = getMousePosition(this, event)

    cy.add([
      { group: "nodes", data: { id: "testid" }, position: pos },
    ]);
});

getMousePosition()正しく定義できていません。サイトスケープ キャンバスの場所に関係なく、ノードを正しい位置にレンダリングするには、この関数をどのように定義すればよいですか?