Estoy buscando una forma de implementar 'guías inteligentes' de estilo Adobe Illustrator al arrastrar / soltar en Javascript. Actualmente estoy usando jQuery UI'sdraggable:

$('.object').draggable({
    containment: 'parent',
    snap: '.other-objects',
    snapTolerance: 5
})

Esto hace el 90% de lo que quiero - puedo arrastrar.object alrededor de su padre, y se romperá sus bordes para.other-objects cuando se acerque lo suficiente.

Lo que quiero, sin embargo, es que aparezca una línea de algún tipo (o una guía de algún tipo), si esen línea con el borde de otro objeto, así que puedo encajar cosas en una fila sin que estén directamente uno al lado del otro.

¿Alguien sabe si esto es posible o cómo lo haría?