jQueryUI Drag: Убедитесь, что мышь находится в центре объекта

Question

Я создаю интерфейс для графика, который позволяет пользователям перетаскивать внешние точки на график.
Затем я получаю местоположение мыши на кадре и добавляю точку на график.

Тем не менее, точки имеют диаметр 35 пикселей, поэтому можно захватить точку за углом. Когда это происходит, точка, которая нарисована на графике, заметно отличается от того, где пользователь будет ожидать, что точка будет.

Я не могу себе представить, что это единственный раз, когда это произошло. Есть ли простой способ обеспечить, чтобы объект был наркотиком по его центральной точке?

Answer 1

вы могли бы установить какой-то по центру сопротивления ручки (см http://jqueryui.com/demos/draggable/#handle)

Answer 2

Оказывается, это очень просто, и только взял писать на вопрос, чтобы найти правильные слова, чтобы использовать для поиска ответа:

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