浏览器GPU加速相关问题

最近在了解浏览器渲染原理,有些困惑,先放张图:
6.png
有三个场景:

  1. 浏览器在处理包含tranformopacityfilter属性的动画时会把目标层提升为GraphicsLayer,之后会跳过repaint阶段直接在GPU内部完成变换;
  2. 如果这段动画是基于left属性的,此时不会提升为GraphicsLayer
  3. 如果这段动画是基于left属性的,并设置了will-change,此时会提升为GraphicsLayer,但它会触发repaint

疑问:

  1. 上面第3种情况算GPU加速吗?
  2. 上述3种情况,CPU和GPU的职责发生了什么变化?
阅读 1.2k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题