html - GPU 加速了 CSS3 的哪些具体部分？

Question

我一直在阅读一些引用资料，例如“X 是 GPU 加速的”和“Y 不是 GPU 加速的”，但我找不到完整的列表。 CSS3 的哪些确切部分是 GPU 加速的？

Answer 1

对了，这是一个有趣的话题，而且确实取决于浏览器+显卡。一段时间以来，我一直想对此进行一些研究，所以这里有一个简短的总结。

Webkit(Safari、Chrome、iOS、Android)

在 Webkit 中，AnimationBase.cpp习惯了指定它，但它似乎已经移动了!呸!好吧，无论如何，如果您搜索 ACCELERATED_COMPOSITING 的代码，就会找到它。

具体来说，如果某些东西符合其中之一，那么它就可以加速(至少在 Chromium 中):

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

Source

---

壁虎(火狐)

在 Gecko 中，https://wiki.mozilla.org/Platform/GFX/HardwareAcceleration解释他们的计划/实现，就像 IE，在 XP 上的选项更有限，但如果正确支持图形卡，其他所有操作系统都会获得一些加速。 Firefox 4(我认为!)增加了对文本、 Canvas 和转换的加速。

---

三叉戟(IE)

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

速度很快，所以我真的不怀疑他们的说法!