HTML 5：如何實現複雜的網絡

Question

如果您計劃在「HTML5」中實施（複雜的，交互式）網絡圖表，那麼它是一種建模工具的一部分，例如爲了讓用戶設計工作流程？

SVG是正確的方法還是直接使用JavaScript/Canvas ?.是否有任何有效的應用程序，已經證明這在HTML5中可行（網絡模型可能非常複雜），特別是在性能方面？

我不需要任何實現細節，只是表示「正確」的技術，如果你將「被迫」要做到這一點在HTML5 ......

感謝。

Answer 1

svg現在支持ie9。大多數現代瀏覽器都支持canvas，所有人都支持css。

svg具有beeing可縮放的優點（'圖像'是一個矢量地圖，所以用戶可以按照自己喜歡的尺寸選擇它），但是渲染的表現有點糟糕。您可以將某些事件綁定到元素上。

畫布與GDLib或ImageMagick類似，您可以在其中繪製白色圖紙。所以如果你做了改變，你首先必須清除畫布並重新繪製所有內容。您不知道用戶點擊了哪個元素，只能爲整個畫布元素綁定事件。

使用HTML和帶CSS的DOM將是一種替代方法，因爲您可以開始移動網絡元素並將事件綁定到網絡節點。但線很難實現（可以使用頂部邊框旋轉的div）

我個人會去svg和純html之間的混合，但是，然後再次，我不知道你的每個用例應用。