javascript - 渲染图像操作 : HTML5 canvas element, 或使用 JS/jQuery 操作 DOM 元素的 CSS 哪个更快？

Question

如果我有多个(可能多达十几个)图像，我想对其执行更改位置、调整大小、淡入淡出和旋转等操作，我认为我的选项是 Flash(我真的不想要使用)，<canvas> , 或很多 <img>标签和 jQuery。

我确信这取决于很多因素 - 浏览器及其布局引擎，其中一个 - 但我想知道是否可以概括这些方法中的一种可能比另一种更快。

我对浏览器的兼容性不太感兴趣——这是一个艺术元素——所以速度才是我真正关心的，因为我以前见过 jQuery 动画变得不稳定，我想避免这种情况。

Answer 1

如果您需要现代浏览器，那么为了获得最佳性能，请使用 CSS3 transitions .

这些将尽可能卸载到 GPU，并让浏览器完全自主地处理淡入淡出、旋转等。

如果您只需要触发操作，请使用 jQuery。