动画/交互式图形:SVG,Canvas或两者都没有?

时间:2012-07-10 06:52:27

标签: html5 canvas svg html5-canvas

我正在开发一种图形形式的可视化,其边缘可以是弯曲的,颜色和厚度各不相同。图表上的节点包含图像和一些文本。图形是动画和交互式的(您可以单击并移动节点)并使用强制定向布局。

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

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

如果我必须使用一个,哪一个会更好?

2 个答案:

答案 0 :(得分:2)

使用这两种技术肯定可以这样做,但你应该记住它们有不同的方法 我建议你使用canvas(有很多好的库,比如kinetic)因为android 2.x不支持svg :(

答案 1 :(得分:1)

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