Arrastar / soltar em Javascript - "guias inteligentes" no estilo do Illustrator
Eu estou procurando uma maneira de implementar 'guias inteligentes' estilo Adobe Illustrator ao arrastar / soltar em JavaScript. Atualmente estou usando o jQuery UIdraggable
:
$('.object').draggable({
containment: 'parent',
snap: '.other-objects',
snapTolerance: 5
})
Isso faz 90% do que eu quero - eu posso arrastar.object
em torno de seu pai, e ele vai encaixar suas bordas para.other-objects
quando chega perto o suficiente.
O que eu quero, no entanto, é que uma linha de algum tipo (ou um guia de algum tipo) apareça, se éde acordo com a borda de outro objeto, para que eu possa encaixar as coisas sem que elas fiquem diretamente uma ao lado da outra.
Alguém sabe se isso é possível, ou como eu faria isso?