2012-08-27 68 views
1

我看到性能問題在新iPad和iPhone 4S上運行CSS動畫,在1080p外部顯示器上帶有UIWebView,主屏幕不包含窗口。iOS UIWebView CSS動畫1080p

animate.css當圖像爲1920x1080並且外部屏幕以1080p運行時,淡入淡出。但是,當以720p運行外部顯示器時,動畫是平滑的,在視網膜模式下沒有外部屏幕的情況下是相同的。

有什麼建議嗎?

+1

請記住,1080p處理的分辨率超過720p的4倍,因此預計會有更低的性能。這個問題可能沒有一個一站式的fixit,你可能會考慮最後只支持720p。 –

+0

但這並不能解釋爲什麼電影在外部設備上以30 fps的速度平滑播放全畫面1080p。 GPU/CPU的負載要遠遠大於靜態圖像與簡單的短暫動畫之間的翻轉。另一件不能解釋的原因是,在iPad3屏幕上以超過1080p的分辨率運行時,動畫完美無缺地工作(請記住,這不是視頻)。他們應該一樣慢。對於外部顯示器,是否會有不同的較慢幀緩衝區?或者,外部幀緩衝器是否只支持視頻播放的硬件加速? – ejkitchen

回答

2

我得到這個工作,通過添加以下CSS到圖像元素:

-webkit變換:translate3d(0像素,0像素,0像素);

它爲元素啓用硬件加速。