CSS不透明度滤镜比不透明度属性更快？

Question

在这篇html5rocks文章中,它说明了这一点

一般来说,CSS'opacity'属性不是硬件加速的,但是一些使用硬件加速实现过滤器的浏览器会加速不透明度的过滤版本,以获得更好的性能.

这似乎意味着在性能密集型应用程序中,应该使用不透明度过滤器而不是opacity属性.例如,我在不透明度属性为0.5的图像下渲染画布.我应该使用过滤器吗？如何在使用此过滤器属性时衡量性能提升,以及在哪些平台上可能会有明显的改进？

Answer 1

首先，CSS3滤镜效果仍然是一个草案标准，它们的浏览器支持各不相同。因此，请三思是否真的需要它们（例如，现实世界中的 CSS 过滤器文章(04.2013) 报告了渲染工件）。 Webkit 中的硬件加速和Chrome 中的 GPU 加速合成概述了它们的实现，两者都表明不存在对 CSS2 或 CSS3 的歧视（如果有的话我会感到惊讶）。

其次，PC 杂志(01.2013) 中的一篇评论显示了 IE 和 Firefox 团队的一些在线基准测试结果。有画布、粒子和 CSS（旋转）基准。在那里测试的 Maxthon（使用 WebKit）和 Opera 版本不支持加速，因此它们给出了性能增益的提示。关于透明度：它的计算量比重采样少几个数量级，因此您不应该注意到此特定操作的任何差异。