Performance 使用画布与div+；js

我想知道，有没有人有过更好的经验：

1.）使用spritesheet并在画布元素上绘制它

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

---

谢谢，Luka

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

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

---

使用canvas，您在更改精灵表方面有更多的选择，但是如果您不需要，我建议您在需要的地方使用CSS和纯JavaScript。

canvas更灵活，但是如果您只想玩精灵表，就不要麻烦学习canvas。两者都将在不给系统带来太大压力的情况下发挥精神作用。