html - SVG/VML vs Canvas vs HTML - 移动

Question

我正在考虑构建一个相当简单的 map (我想可能有 100 个对象)，这些 map 显示/更改颜色并具有显示另一个对象的 onclick(移动)鼠标悬停(桌面)事件。我正在查看以下内容。

1. Canvas
2. SVG/VML
3. JS/HTML

但我的问题是我需要以某种方式支持

1. IE(7-10)
2. Chrome
3. 火狐
4. 黑莓 6-7
5. Windows Mobile 7 (IE9)
6. 苹果手机
7. Android 2.3+(无 svg)

而且我似乎找不到可以支持所有这些的单一系统，Android 不支持 SVG，移动浏览器使用 canvas 似乎非常慢，IE 7-8 不支持 canvas，HTML 不支持在不使用图像的情况下不支持“形状”，并且需要交换图像，这在视觉上不是很好...yada yada yada ...

我是否知道如何为所有这些构建一次？我在想做 Canvas(移动)和 SVG(桌面)可能会更好。但是在测试移动设备时，canvas 似乎非常慢。

是否有任何图书馆或系统可以提供帮助？

Answer 1

And I can't seem to find a single system that could support all of those

嗯，没有。

您将不得不坚持使用可移动的 div 或制作您的应用程序的两个版本。对不起。

Canvas 并不慢，但有些移动设备很慢。 Canvas 将(几乎)总是比 DOM 更快，但保持这种状态取决于您。您到底在测试什么代码？