1

我正在开发一个应用程序,其中涉及将幻灯片转换为视图作为主要导航机制。进来的第一张幻灯片涉及几个大约 2000 平方像素的叠加 PNG,并带有透明胶片,当图像进入视野时,会有一个明显的帧率卡顿。

使用 Chrome 开发工具的时间线功能,我已经确定,虽然大多数单独的 Paint 任务每个花费不到 5 毫秒,但重要的异常值是那些子任务包括解码 PNG 的 Paint 事件,这些事件一个接一个地花费 50 到 100 毫秒,似乎此刻图像映入眼帘。

理想情况下,我想提前解码位图,但我想不出一种在不实际呈现它们的情况下强制这种行为的方法。有任何想法吗?

4

1 回答 1

1

如果瓶颈是解码,则将您的图像预渲染到画布,然后将这些预渲染的画布绘制到您的视图画布或使用 CSS 转换它们。

于 2013-12-04T16:39:12.997 回答