I have two draggable rectangles and I want to do draggable connections for them. How can I do that? here is my code;
http://jsfiddle.net/XcsN/ztkzn/
function move_arrows(num)
{
for(x=0;x<arrowCounter;x++)
{
arrows[x].yol1.remove();
arrows[x].yol2.remove();
arrows[x].yol3.remove();
arrows[x].yol4.remove();
arrows[x].yol5.remove();
arrows[x].yol6.remove();
arrows[x] = new ARROW(x);
}
}
If you want to draw a line with Raphael, you must use “path” function.
But it is not appropriate for dragging.
Firstly, you have to calculate new coordinates, then you can remove and redraw it, so you can have draggable connections.