在Javascript中用箭头画一条直线答案

【问题标题】：drawing a straight line with arrow in Javascript在Javascript中用箭头画一条直线
【发布时间】：2011-05-24 08:28:01
【问题描述】：

我正在处理一个 Javascript 项目，我想用箭头画一条线并轻松地向任何方向旋转。我更喜欢 HTML4 而不是 HTML5。

那么谁能告诉我解决办法？

我想要的是这个链接....但不是 HTML5，而是 HTML4
http://deepliquid.com/projects/blog/arrows2.html

【问题讨论】：

我建议您使用 canvas (developer.mozilla.org/en/HTML/Canvas)，但由于它是 HTML5 并且仅适用于“现代”浏览器，因此您可以使用像 raphaelJS(raphaeljs.com) 这样的库来实现该目标。 .it 通过 svg 和 vml 使矢量绘图完全兼容 :)

【解决方案1】：

如果您只关心动画（也许还有键盘控制），canvas 会更快。如果你想要动态交互（例如，点击线、箭头等的能力），那么 SVG 是最好的。 SVGWeb 和 ExplorerCanvas 为这两者提供了与 IE 的一些兼容性...

【讨论】：

【解决方案2】：

我问的几乎一样，最终使用了 Raphael（在前 2 个版本之后）

如果不是箭头，一条线就够了，请看：

How to draw a line between draggable and droppable?

演示：

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

如果你真的需要在最后画一个箭头，你可以将箭头对象附加到代码中，如果你需要帮助，请告诉我。

【讨论】：