how to show relationship (linked arrows) between two dragable icons/graphics?

[Notgiven]

Assuming I find some code that allows you to drag graphics around the page,
ideally, I want the relationship between two graphics to be displayed as
linked arrows. For example (imagine this in graphical form):

icon1 <----------> icon2

Then the user can drag icon1 around the page and the arrow will still be
"connected" to to both.

How would you go about doing something like that?

 

[VK]

Assuming I find some code that allows you to drag graphics around the page,
ideally, I want the relationship between two graphics to be displayed as
linked arrows. For example (imagine this in graphical form):

icon1 <----------> icon2

Then the user can drag icon1 around the page and the arrow will still be
"connected" to to both.

How would you go about doing something like that?

Not too many choices:

1) SVG / VML drawing (using "line with arrows" shape)
2) DIV(s) with images of arrows and line segments

The second one untolerably ugly to discuss (though theoretically
doable). In any case it's a complex solution, a couple of hints do
nothing good.

 

[Notgiven]

Not too many choices:

1) SVG / VML drawing (using "line with arrows" shape)
2) DIV(s) with images of arrows and line segments

The second one untolerably ugly to discuss (though theoretically
doable). In any case it's a complex solution, a couple of hints do
nothing good.

thanks for your thoughts