动画/交互式图表：SVG、Canvas 还是两者都没有？

Question

我正在开发一种图形形式的可视化，其边缘可能是弯曲的，并且颜色和厚度会有所不同。图上的节点包含一个图像和一些文本。该图具有动画和交互性（您可以单击和移动节点）并使用强制定向布局。

我希望至少支持大部分智能手机浏览器，例如 android 和 iphone 设备上的浏览器以及桌面上的任何现代浏览器。

是否可以在不使用画布或 SVG 的情况下创建这样的可视化？

如果我必须使用一个，那一个会是更好的选择？

Answer 1

这两种技术当然可以做到这一点，但您应该记住，它们有不同的方法。
我建议你使用画布（有很多好的库，比如kinetic），因为 android 2.x 不支持 svg :(

Answer 2

如果你想要工具提示/悬停效果，绝对是 SVG。因为 SVG 图像中的元素只是 XML 标记，所以您可以像添加 DOM 中的元素一样向它们添加鼠标事件处理程序。