jQueryUI拖動：確保鼠標位於對象的中心

Question

我正在構建一個圖形界面，允許用戶將外部點拖動到圖形上。
然後，我在鼠標上獲取鼠標位置，並在那裏爲圖形添加一個點。

但是，點的直徑爲35px，因此可以在拐角處抓取點。當發生這種情況時，在圖上繪製的點與用戶期望點的位置明顯不同。

我無法想象這是唯一一次出現，是否有一種簡單的方法可以確保物體以其中心點爲藥物？

Answer 1

，你可以設置某種中心拖動手柄（見http://jqueryui.com/demos/draggable/#handle）

Answer 2

事實證明，它是容易的，只花了寫作的問題找到合適的語言來使用搜索答案：

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