HTML5:如何实现复杂的网络

Question

如果你计划在"HTML5“中实现一个(复杂的，交互式的)网络图，它是建模工具的一部分，那么正确的方法是什么？

SVG是正确的方法还是直接使用Javascript/Canvas？是否有任何有效的应用程序已经证明这在HTML5中是可行的(网络模型可能非常复杂)，特别是在性能方面？

我不需要任何实现细节，只需要一个“正确”的技术的提示，如果你会“被迫”在HTML5中这样做……

谢谢。

Answer 1

svg现在得到了ie9的支持。大多数现代浏览器都支持canvas，所有浏览器都支持css。

svg具有可伸缩性的优势(“图像”是一个矢量地图，所以用户可以拥有他喜欢的任何大小的图像)，但是渲染的性能有点糟糕。您可以将一些事件绑定到元素..

画布就像GDLib或ImageMagick一样，你有一张白纸，你可以在上面绘图。因此，如果进行更改，首先必须清除画布并重绘所有内容。你不知道用户点击了哪个元素，只能绑定整个画布元素的事件。

将HTML和DOM与CSS一起使用将是另一种选择，因为您可以开始移动网络的元素，并可以将事件绑定到网络的节点。但是代码行很难实现(可以使用带上边框的旋转div )

我个人倾向于使用svg和普通html的混合体，但话又说回来，我并不了解你的应用程序的每一个用例。