CSS透明度过滤器比透明度属性快吗?
-
21-12-2019 - |
题
在这个html5rocks 文章,它指出了
一般来说,CSS的不透明度'属性不是硬件加速,但是一些使用硬件加速实现过滤器的浏览器将加速透明度的过滤器版本,以获得更好的性能。
这似乎暗示,在性能密集型应用程序中,一个应该使用透明度过滤器而不是透明度属性。例如,我正在呈现一个画布,透明度属性为0.5。我应该使用过滤器吗?使用此过滤器属性时,如何测量性能增益,以及在哪些平台上可能有明显的改进?
解决方案
首先,CSS3过滤器效果是仍然是标准和他们的浏览器支持差异。所以思考是检查你是否真的需要它们(例如, css筛选器在现实世界文章(04.2013)报告渲染文物)。 webkit中的硬件加速和 Chrome中的GPU加速合成概述了他们的实现,两者都表明没有针对CSS2的歧视或CSS3(如果有),我会感到惊讶)。
第二,在PC杂志(01.2013)中的评论通过IE和Firefox团队显示一些在线基准的结果。有帆布,粒子和CSS(旋转)基准。 Maxthon(使用WebKit)和Opera版本测试不支持加速,因此它们会提示性能增益。关于透明度:它的数量级数量少于重新采样,因此您不应注意到此特定操作的任何差异。
其他提示
paul irish说,不透明度是 *是* gpu加速的少数css属性之一: https://plus.google.com/ +addyosmani/posts/Atreryczpts
也是严重缺乏对浏览器过滤器的支持,如这里虽然透明度在董事会中得到支持: http://caniuse.com/#search=opacity 。
更不用说透明度属性就是更容易使用。
我坚持你得到的东西。
不隶属于 StackOverflow