哪种渲染图像操作更快：HTML5 canvas元素，或使用JS / jQuery处理DOM元素的CSS？

Question

如果我有多个（可能多达十二个）图像，我想针对这些图像执行更改位置，调整大小，淡入和淡出以及旋转的操作，那么我认为我的选择是Flash（我不想使用） ， <canvas>或许多<img>标记和jQuery。

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

我对浏览器的兼容性不是很感兴趣-这是一个艺术项目-速度确实是我所关心的，因为我之前已经看到jQuery动画变得不稳定，我想避免这种情况。

Answer 1

如果您需要现代浏览器，则可以使用CSS3 transitions以获得最佳性能。

这些将在可能的情况下卸载到GPU，并使浏览器完全自主地处理渐变，旋转等情况。

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

Answer 2

如您所说，这取决于浏览器。 js / jQuery方式适用于除轮换以外的所有浏览器。 HTML5 Canvas无法在旧版浏览器（例如IE 6、7、8）上运行（请参见http://caniuse.com/#feat=canvas ）。 Flash可能无法在大多数手机上使用，因此需要下载。