使用canvas vs div + js的Spritesheet性能

Question

我想知道，有没有人会有更好的经历：

1。）使用spritesheet并在canvas元素上绘制它。

2.。）使用spritesheet与普通div和通过js或css移动spritesheet。

谢谢，卢卡

Answer 1

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

当然，你无法完全避免使用JavaScript，但通过JavaScript减少调用量有助于提高性能（一般来说，这也是为什么你可能希望为了这个特定目的而避免使用jQuery，因为jQuery附带了自己的开销。）

使用canvas，您可以在更改精灵表方面有更多选项，但如果您不需要，我建议您在需要时使用CSS和纯JavaScript。