动画/互动图形：SVG，画布还是两者都不？

Question

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

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

是否可以在不使用画布或SVG的情况下创建此类可视化效果？

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

Answer 1

这两种技术都可以这样做，但你应该记住它们有不同的方法。
我建议你使用画布（有很多好的库的外面，如kinetic），因为如果你想提示/悬停效果的Android 2.x的不支持SVG :(

Answer 2

绝对SVG。因为在元素SVG图像只是XML标签，您可以使用DOM中的元素相同的方式将鼠标事件处理程序添加到它们中。