Question

有人知道如何在亚马逊Fire TV电视盒上的网络应用中触发GPU加速的GPU加速吗？亚马逊提供的演示可以很好地实现它，但我似乎无法模仿它。

我试图做的就是在容器中左右滚动一条图像，我尝试在div容器和图片容器上添加-webkit-transform：translateX（0）（在不同的组合中）但与演示相比，它似乎仍然很慢。此外，如果您滚动得太快，所有图片都会消失并重新出现。这有点垃圾。有谁知道什么可能加快这个速度？

谢谢！

Answer 1

我相信您的问题可能在您的代码中的其他位置，translateX（0）本身并不能提供一个适合所有解决方案。

有时您可以通过以下方式触发硬件加速：

.element {
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}

在您当前的CSS之上。

但是，我建议您在https://github.com/amzn/web-app-starter-kit-for-fire-tv/查看适用于Fire TV的Web应用入门套件。

在_common.scss文件中，您可以找到有关如何充分利用设备上硬件加速的最佳实践，尤其是在Shoveler视图中： https://github.com/amzn/web-app-starter-kit-for-fire-tv/blob/master/src/common/scss/_common.scss#L274