2D Mobile是否在Mobile Safari中加速了硬件加速？

Question

我经常被告知CSS 3D变换是Mobile Safari中的硬件加速,这让我想知道这意味着2D变换是不是？我可以想到他们没有理由,因为他们基本上都可以实现为3D变换,但我想知道.

如果事实证明2D变换不是硬件加速,那么任何关于为什么会有所了解的见解.

Answer 1

你是对的,CSS 2D变换不是Mobile Safari中的硬件加速,而是3D变换.我不确定为什么会这样,但也许他们认为对于大多数2D变换来说它太过分了.不必要地使用GPU可能会对电池寿命产生不利影响.

将2D变换转换为3D变换非常容易,因此这不是什么大问题.一个技巧是使用如下所述的translateZ(0):http://creativejs.com/2011/12/day-2-gpu-accelerate-your-dom-elements/

编辑

Apple在他们的文档中没有说出任何相关内容,因此很难获得权威来源.以下是Apple的Dean Jackson所说的内容(来自http://mir.aculo.us/2010/08/05/html5-buzzwords-in-action/):

本质上,任何具有3D操作作为其功能之一的变换都将触发硬件合成,即使实际变换是2D,或者根本不做任何事情(例如translate3d(0,0,0)).请注意,这只是当前行为,并且可能在将来发生变化(这就是我们不记录或鼓励它的原因).但它在某些情况下非常有用,可以显着提高重绘性能.

来自Sencha的Ariya Hidayat撰写了一篇文章,解释了移动浏览器的硬件加速:http: //www.sencha.com/blog/understanding-hardware-acceleration-on-mobile-browsers/.这是帖子的一个片段:

将CSS转换矩阵设置为translate3d或scale3d的最佳实践(即使没有涉及3-D)来自这样的事实:这些类型的矩阵将切换动画元素以具有其自己的层,然后将其与其一起合成网页的其余部分和其他图层.但是你应该注意到创建和合成图层需要付出代价,即内存分配.为了硬件加速而盲目地合成网页中的每个小元素是不明智的,你会吃掉内存.

以下是html5rocks.com上讨论硬件加速的文章:http://www.html5rocks.com/en/tutorials/speed/html5/ .这是它的一个片段:

目前,大多数浏览器只有在强烈表明HTML元素会从中受益时才使用GPU加速.最强烈的迹象是对其应用了3D变换.现在你可能不想真正想要应用3D转换,但仍然可以从GPU加速中获益 - 没问题.只需应用身份转换:

-webkit-transform:translateZ(0);

Firefox和Internet Explorer已经使用硬件加速进行2D转换,因此如果WebKit浏览器(Chrome,Safari)在不久的将来包含它,我不会感到惊讶.