drawing a straight line with arrow in Javascript

Question

I am working with a Javascript project and I want to draw a line with arrow and easily rotate in any direction. I prefer HTML4 instead of HTML5.

So can any one tell me the solution?

what i want is in this link.... but not in HTML5 but in HTML4
http://deepliquid.com/projects/blog/arrows2.html

Answer 1

If you just care about animation (and maybe keyboard control), canvas is faster. If you want dynamic interaction (eg, the ability to click on the line, arrow, etc.), then SVG is best. SVGWeb and ExplorerCanvas offer some compatibility with IE for both of these...

Answer 2

I asked almost the same and ended up using Raphael (after the first 2 version)

If instead of an arrow, a line is enough, please look at:

How to draw a line between draggable and droppable?

demo:

http://www.balexandre.com/jQuery/draganddrop/testing_DragAndDrop.htm

if you really need to draw an arrow at the end, you can append the arrow object to the code, if you need help on this, let me know.