HTML/Javascript：如何繪製動態圖形

我想用標準HTML/Javascript/JQuery（不是HTML5）繪製動態圖形。HTML/Javascript：如何繪製動態圖形

節點是具有特定內容的div，並且它們之間需要行。至少水平和垂直。可以動態添加和刪除節點。

如果div可拖動也不錯，但不是必需的。

這可以用標準的HTML來完成，也許有一些JQuery庫的幫助嗎？

感謝。

P.D.似乎是Flash的典型用例。我無法使用HTML5，因爲它必須隨處運行。我沒有看到使用類似SVG而不是Flash的理由。

2012-04-12 Ixx

您可以創建的1x1的div並從中構建圖譜。但它效率不高。 – kirilloid 2012-04-12 22:53:05

@大衛我沒有在谷歌圖表中看到我在找什麼（有邊緣/節點的圖形）。但我看到它使用SVG。那會被推薦？或者，也許Flash更好？關於「你有什麼嘗試」 - 沒有那種問題。我想很明顯，我沒有嘗試過任何東西，我正在尋找如何開始。 – Ixx 2012-04-12 22:57:10

你如何不使用HTML5並使用jQuery？我希望它會使用HTML5功能，如果它們不可用，則會退回到舊功能，就像任何庫一樣。 – RobG 2012-04-12 23:10:41

這可能很容易與JointJS。它使用Raphael處理基於SVG的圖形，但也支持VML for IE。 JointJS宣稱支持以下瀏覽器：Firefox 3.0+，Safari 3.0+，Opera 9.5+，Google Chrome 4+和Internet Explorer 6.0+。

2012-04-12 23:39:36

這看起來完全像我需要的。但是，在Flash上使用這個（SVG + VML）有什麼好處嗎？（除了事實上這是一個隨時可用的庫） – Ixx 2012-04-13 00:13:08

它有一個非常「谷歌分析」的感覺是正確的開箱。

它建立在jQuery的基礎上，它非常適合您所描述的內容。

2012-04-13 00:44:43 JROB

看起來像一個HTML5畫布解決方案，在VML或SVG上具有回退功能。它不支持我需要的東西 - 某些內容與線條鏈接的元素。它更適用於圖表，統計數據等。 – Ixx 2012-04-13 01:14:00

您可以使用谷歌圖表，谷歌圖形API Examples.

2013-12-06 07:26:33

回答