javascript - 用于 Web 应用程序的 Canvas 与 CSS3

Question

一个非常常见的问题，但我看到的几乎所有比较都主要集中在具有大量交互的游戏上。

我将要开发的是一个一次处理一个对象的 Web 应用程序。例如，对象可以是图像或文本，然后可以替换、调整大小、旋转、放大和删除。

如果对多个对象进行操作，我知道 Canvas 会是更好的选择，但这里一次只能对一个对象进行操作。每个容器最多包含大约 30 个对象，我将处理多个容器(可能大约 20 个容器)，这些容器将根据交互情况隐藏或显示。

问题是用Canvas还是CSS3？我正在寻找的是应用程序的性能问题和复杂性。

Answer 1

我对 Canvas 没有太多经验，但据我所知，如果你将它与 requestAnimationFrame 一起使用性能与 CSS 动画非常相似。您还应该考虑到，在处理复杂动画时，CSS 动画非常有限。