iOS HTML Canvas或CSS3 3D转换

Question

在IOS平台上：

HTML5 canvas元素不是硬件加速的。 CSS3 3D转换（例如： translate3d ）是硬件加速的。

希望使用带PhoneGap的HTML / JavaScript为IOS创建2D游戏，我是否应该考虑仅将CSS和DOM一起使用？

有人尝试过吗？ 有基准吗？

Answer 1

在构建自己的2D游戏时，我也有这种担忧。 最初，我在iOS上的动画性能存在问题，但是我通过CSS3 3D转换解决了该问题。 我没有尝试过Canvas，但是一旦应用了正确的CSS，我真的不需要。 在iOS和Android版本下，PhoneGap的性能仍然很好。 一些较旧的Android设备运行缓慢，但是我也不认为Canvas可以帮助解决这一问题。

至于基准测试，我确实发现它可以同时显示Canvas和CSS3转换以及图像： http : //www.spielzeugz.de/html5/compare/

Answer 2

接受的答案实际上是极具误导性的，也是问题的一部分。 弄清楚点：

• iOS 5及更高版本实际上确实为Canvas使用了硬件加速。
• 画布的设计不是很好。 如果应用变换，则只会启动硬件加速。 如果清除并重画，即使使用requestAnimationFrame，您的表现也可能会非常不稳定。 您肯定会注意到差异。
• CSS3转换可能会产生更好的性能-适用于Android设备。

Answer 3

我尝试了一下，但失去了兴趣。 这似乎和我对画布所做的事情一样有效。 除非您进行大量的javascript计算（无论使用CSS3还是canvas），否则您不会注意到很大的不同。

我不知道任何基准，但您可以在此处阅读有关它的信息： http : //www.sencha.com/blog/apple-ios-5-html5-developer-scorecard/

它还将取决于您正在谈论的设备。 它们都运行不同的硬件和略有不同的软件，因此应该会影响您的决定： http : //www.codefessions.com/2012/03/how-fast-is-html5-canvas-part-2.html

Canvas的设计相当不错，无论您是否通过硬件对其进行加速都不会产生太大的影响，尤其是在您只是做2D东西时。