使用画布与 div + js 的精灵表性能

Question

我想知道，有没有人有任何经验会更好：

1.） 使用精灵表并将其绘制在画布元素上。

2.） 使用带有普通div 的精灵表，并通过 js 或 css 移动精灵表。

谢谢，卢卡

Answer 1

使用 CSS 移动精灵表通常更快，因为大多数逻辑都是由浏览器在编译代码中内部完成的，而在 JavaScript 中执行此操作会增加 JavaScript 本身的开销。

当然，你不可能完全避免使用JavaScript，

但是通过JavaScript减少调用量有助于提高性能（一般来说，这也是为什么你可能希望避免jQuery用于这个特定目的，因为jQuery本身就有开销）。

使用画布，您在更改精灵表方面有更多选择，但如果您不需要它，我建议您在需要时使用 CSS 和纯 JavaScript。