我正在开发一种图形形式的可视化,其边缘可能是弯曲的并且颜色和厚度会有所不同。图上的节点包含图像和一些文本。该图是动画和交互式的(您可以单击和移动节点)并使用强制定向布局。
我希望至少支持大部分智能手机浏览器,例如 android 和 iphone 设备上的浏览器以及桌面上的任何现代浏览器。
是否可以在不使用画布或 SVG 的情况下创建这样的可视化?
如果我必须使用一个,那一个会是更好的选择?
我正在开发一种图形形式的可视化,其边缘可能是弯曲的并且颜色和厚度会有所不同。图上的节点包含图像和一些文本。该图是动画和交互式的(您可以单击和移动节点)并使用强制定向布局。
我希望至少支持大部分智能手机浏览器,例如 android 和 iphone 设备上的浏览器以及桌面上的任何现代浏览器。
是否可以在不使用画布或 SVG 的情况下创建这样的可视化?
如果我必须使用一个,那一个会是更好的选择?
当然,这两种技术都可以做到这一点,但您应该记住,它们有不同的方法。
我建议你使用画布(那里有很多好的库,比如kinetic),因为 android 2.x 不支持 svg :(
Definitely SVG if you want tooltips/hover effects. Because the elements in the SVG image are just XML tags you can add mouse event handlers to them in the same way you would elements in the DOM.