jquery - jQueryUI Drag: マウスがオブジェクトの中心にあることを確認します

Question

ユーザーが外部ドットをグラフにドラッグできるようにするグラフへのインターフェイスを構築しています。
次に、ドロップ時にマウスの位置を取得し、そこにグラフにポイントを追加します。

ただし、ドットの直径は35pxなので、角でドットを掴むことは可能です。その場合、グラフ上に描画される点は、ユーザーが期待する点とは著しく異なります。

これが唯一のケースだとは思えません。オブジェクトがその中心点でドラッグされていることを確認する簡単な方法はありますか?

Answer 1

結局のところ、それは簡単で、答えを検索するために使用する適切な単語を見つけるために質問を書くだけで済みました。

     $('.to_drop').draggable({ 
      cursor: 'move',
      cursorAt: { top: 17, left: 17 },
     };

Answer 2

これを試すことができます：

start: function(event, ui){
    $(this).draggable('instance').offset.click = {
        left: Math.floor(ui.helper.width() / 2),
        top: Math.floor(ui.helper.height() / 2)
    }; 
}

Answer 3

ある種の中央ドラッグ ハンドルを設定できます ( http://jqueryui.com/demos/draggable/#handleを参照) 。