2011-05-24 167 views
3

我正在使用Javascript项目,我想用箭头画一条线,并轻松地向任何方向旋转。我更喜欢HTML4而不是HTML5。在Javascript中绘制一条带箭头的直线

那么,任何人都可以告诉我解决方案吗?

我想是在这个环节....但不是在HTML5但在HTML4
http://deepliquid.com/projects/blog/arrows2.html

+1

我会建议你的画布(https://developer.mozilla.org/en/HTML/Canvas),但由于它是HTML5,只适用于'现代'浏览器,你可以使用像raphaelJS(http: //raphaeljs.com/)来达到这个目标..它通过svg和vml使得矢量绘图完全兼容:) – stecb 2011-05-24 08:33:30

回答

1

如果你只关心动画(也许键盘控制),帆布更快。如果你想要动态交互(例如点击线条,箭头等),那么SVG是最好的。 SVGWebExplorerCanvas报价与IE浏览器的一些兼容性这两个...

0

我问几乎是相同的,并最终使用拉斐尔(第2版)之后

如果不是箭头,线就足够了请查看:

How to draw a line between draggable and droppable?

演示:

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

如果你真的需要在年底画一个箭头,就可以箭头对象追加到的代码,如果你需要这方面的帮助,让我知道。

+0

@balexander:是的,我想要一个箭头在行尾,它也可以很容易地在每个方向旋转用那个箭头....所以请帮助我 – nehit 2011-05-24 08:56:41

+0

你看到了代码吗?你可以很容易地旋转到你想要的位置,只需追加路径'x'和'y'。我建议你先阅读并测试一些Raphaël的例子,否则你会问很多基本的问题。 – balexandre 2011-05-24 11:15:00