我正在制作一个应用程序,并意识到最好对动画进行硬件加速。
我想使用增强的 jQuery animate,它可以工作,但我觉得我想更好地掌握硬件加速的整个概念:
当使用顶部/左侧定位(例如使用 jQuery)移动 div 时,是否会通过添加自动进行硬件加速transform: translate3d(0, 0, 0);
?
这个硬件会加速吗?另外,动画关键帧呢?您是否需要为动画添加变换以使其进行硬件加速?
我正在制作一个应用程序,并意识到最好对动画进行硬件加速。
我想使用增强的 jQuery animate,它可以工作,但我觉得我想更好地掌握硬件加速的整个概念:
当使用顶部/左侧定位(例如使用 jQuery)移动 div 时,是否会通过添加自动进行硬件加速transform: translate3d(0, 0, 0);
?
这个硬件会加速吗?另外,动画关键帧呢?您是否需要为动画添加变换以使其进行硬件加速?
保罗爱尔兰人写了一篇关于这件事的伟大而深入的分解。
通常 3d 平移会触发 GPU,如果没有,也没什么大不了的,它仍然可以工作。在左/上坐标上使用平移通常在性能方面也更好。不过,我不确定问题的动画关键帧部分。