HTML5动画 - 画布还是DOM？

Question

我想知道在固定背景上移动精灵（图像）的最有效解决方案是什么：使用绝对定位的DOM元素或在画布上设置动画（使用drawImage和clearRect）？

我在第一个选项中看到的优点是我不必担心在绘制新位置之前擦除旧位置。它有意义吗？

你还有其他好的选择吗？

由于

修改：我想专注于移动设备。它在HTML5支持方面有很大的不同吗？

Answer 1

HTML5 Canvas是相对较新的，如果只有少数精灵，你应该使用DOM元素，它将适用于大多数浏览器。不要忘记，一些旧的MSIE无法显示透明的PNG，只有GIF（我不记得版本），有很多人都有过时的浏览器。

另外一个不错的选择是不要做，也不要在你的网站上使用animgifs;小心飞行的东西，少即是多。

Answer 2

如果您的要求不要求您使用Canvas，请使用DOM元素和绝对定位，因为它可以在旧浏览器上使用。

Answer 3

以下是一些“专业”画布论点：

• 关于画布的好处是可以2D加速，你可以获得高fps。
• DOM的问题还在于您仅限于矩形。
• 所有现代浏览器都有很好的画布支持，所以如果你不受遗留系统的限制，那么使用画布更有意义