2012-08-27 3 views
1

Я вижу проблемы с производительностью, выполняющие анимации CSS на новом iPad и iPhone 4S с UIWebView на внешнем дисплее 1080p, главный экран не содержит окон.iOS UIWebView CSS-анимация 1080p

animate.css fade изменчив, когда изображение 1920x1080, а внешний экран работает на скорости 1080p. Однако при запуске внешнего дисплея на 720p анимация плавная, то же самое без внешнего экрана в режиме сетчатки.

Любые предложения?

+1

Помните, что 1080p имеет более чем 4-кратное разрешение, чем 720p, поэтому ожидается, что будет более низкая производительность. Вероятно, для этой проблемы не существует единого одноразового исправления, и вы можете рассмотреть только поддержку только 720p в конце. –

+0

Но это не объясняет, почему фильмы воспроизводят плавно полный кадр 1080p при 30 кадрах в секунду на внешних устройствах. Это гораздо больший объем загрузки на GPU/CPU, чем переключение между статическими изображениями с тривиальной короткой анимацией. Другое дело, что это не объясняет, почему анимация, когда работает на экране iPad3 с еще большим разрешением, чем 1080p, работает безупречно (помните, что это не видео). Они должны быть такими же медленными. Может ли быть другой и более медленный буфер кадров для внешних дисплеев? Или может ли внешний буфер кадра поддерживать аппаратное ускорение для воспроизведения видео? – ejkitchen

ответ

2

я получил эту работу, добавив следующий CSS к элементам изображения:

-webkit-преобразование: translate3d (0px, 0px, 0px);

Он позволяет аппаратное ускорение для элемента.