CSS3的哪些确切部分是GPU加速的？

Question

我一直在阅读几个引用,如"X是GPU加速"和"Y不是GPU加速",但我找不到完整列表.CSS3的哪些确切部分是GPU加速的？

Answer 1

对,这是一个有趣的话题,它确实取决于浏览器+显卡.我一直想对此进行一些研究,所以这里有一个简短的总结.

Webkit(Safari,Chrome,iOS,Android)

在Webkit中,AnimationBase.cpp用于指定它,但似乎已经移动了!卫生署!好吧,无论如何,如果你搜索代码ACCELERATED_COMPOSITING,你会发现它.

具体来说,如果某些东西与其中一个匹配,那么它可以加速(至少在Chromium中):

• 图层具有3D或透视变换CSS属性
• 使用加速视频解码的元素使用层
• 图层由具有3D上下文或加速2D上下文的元素使用
• 图层用于合成插件
• Layer使用CSS动画作为其不透明度或使用动画webkit转换
• Layer使用加速CSS过滤器
• 图层具有作为合成图层的后代
• 图层具有较低z-index的兄弟,该z-index具有合成图层(换句话说,图层在合成图层的顶部呈现)

资源

壁虎(火狐)

在Gecko中,https://wiki.mozilla.org/Platform/GFX/HardwareAcceleration解释了他们的计划/实现,就像IE一样,在XP上的选项更加有限,但是如果显卡得到正确支持,其他所有操作系统都会加速.Firefox 4(我想!)为文本,画布和变换添加了加速度.

三叉戟(IE)

IE10似乎几乎拥有硬件加速的一切.http://blogs.msdn.com/b/ie/archive/2011/04/26/understanding-differences-in-hardware-acceleration-through-paintball.aspx

这很快,所以我并不怀疑他们的说法!