【问题标题】:iOS UIWebView CSS animations 1080piOS UIWebView CSS 动画 1080p
【发布时间】:2012-08-22 06:16:03
【问题描述】:

我发现在新 iPad 和 iPhone 4S 上运行 CSS 动画时出现性能问题,在 1080p 外部显示器上使用 UIWebView,主屏幕不包含窗口。

当图像为 1920x1080 且外部屏幕以 1080p 运行时,animate.css 淡入淡出很不稳定。但是,当以 720p 运行外接显示器时,动画是流畅的,在视网膜模式下没有外接屏幕时也是如此。

有什么建议吗?

【问题讨论】:

  • 请记住,1080p 的分辨率是 720p 的 4 倍以上,因此预计性能会更低。这个问题可能没有单一的一站式解决方案,您可以考虑最终只支持 720p。
  • 但这并不能解释为什么电影可以在外部设备上以 30 fps 的速度流畅地播放全帧 1080p。这对 GPU/CPU 的负载要比在具有琐碎短寿命动画的静态图像之间翻转要大得多。它没有解释的另一件事是为什么动画在 iPad3 的屏幕上以比 1080p 更高的分辨率运行时可以完美运行(记住这不是视频)。他们应该同样慢。外部显示器是否有不同且较慢的帧缓冲区?或者外部帧缓冲区是否只支持视频播放的硬件加速?

标签: ios uiwebview css-animations


【解决方案1】:

我通过在图像元素中添加以下 CSS 来实现这一点:

-webkit-transform: translate3d(0px,0px,0px);

它为元素启用硬件加速。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-08-17
    • 1970-01-01
    • 1970-01-01
    • 2020-12-12
    • 2011-02-05
    • 2012-12-24
    • 2019-10-03
    • 1970-01-01
    相关资源
    最近更新 更多