2011-05-24 150 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