0

我偶然发现了一个大问题，firefox 无法scale()以正常质量渲染，所以我决定去设置width/height/top/left和转换它。但是现在 chrome 以低质量渲染，几乎 5-8 FPS 和 safari 只是在两者之间滞后并显示最终结果。

我读到如果你想触发 chrome 的 GPU 渲染，你只需要在translate3d()你的值中添加或“translateZ()” -webkit-transform，但它不再有帮助了。

另一件事是，我不能真正依赖计算机的 GPU 性能，因为我需要尽可能平滑动画。

4

1 回答 1

2

为了触发 GPU 渲染，您添加了以下内容：

.selector { transform: scale(1) rotate(0deg) translate3d(0,0,0); }

即使 translate3d 为 0,0,0，它也会触发硬件加速，但没有看到您的代码，我不确定还有什么推荐的？

于 2013-07-25T19:24:12.387 回答