我有简单的过渡动画div元素。为了防止不必要的绘制事件，我对其应用了更高的 z-index 和 0 变换，所以这div可能在它自己的层上。但瀑布图显示了每个动画刻度之后可能发生的图层组成事件。我想知道，这是 GPU 页面渲染之前的最后一层组合，并且在页面上的每次更改之前都是不可避免的，还是我只是做错了什么？
更新动画帧时始终会发出时间轴中的合成事件，并且您之前的假设是正确的。要验证您的动画 div 是否实际上成为了图层，请查找 Paint 事件 - 这些事件是针对每个图层的，如果一个图层相对于另一图层进行转换（前提是图层内容不发生更改），则在动画期间不应有任何绘制事件。另请注意，在最新版本的 Chrome (m30+) 中，时间轴显示与事件弹出窗口中的 Paint 关联的图层的根。
检查动画元素是否升级到图层的另一种方法是实验性图层面板（在 about:flags 中启用 DevTools 实验，重新启动 Chrome，然后在 DevTools 设置的实验选项卡中启用图层面板）。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
