ios - iPad 对 Canvas 标签的限制； Canvas 标签动画上的网页崩溃

Question

有谁知道iPad对canvas标签有没有限制？

目前，我正在制作一个使用动画书和音频标签组合来模拟内联视频内容的广告素材。动画被绘制到 Canvas 元素并与正在播放的音频内容同步。当有人点击下面的四个按钮时，会播放 4 个短片。

http://cs.sandbox.millennialmedia.com/~tkirchner/rich/K/kungfupanda2_test/

我遇到的问题是在 iPad 上。播放了几段动画后，移动版 Safari 突然崩溃了。当我在我的 iPhone 上玩它时从来没有发生过，但每次在 iPad 上都会发生。它也不是一个特定的动画，因为如果我单击不同的按钮组合，它崩溃的前一个剪辑播放正常，然后它决定在另一个剪辑上崩溃。

我认为问题可能与 Safari 为单个页面 View 提供的内存量有关。我发现一篇博文很好地解释了这个问题。

http://roblaplaca.com/blog/2010/05/05/ipad-safari-image-limit-workaround/

根据该帖子，一旦移动版 Safari 达到特定的内存阈值，图像就会开始返回空白。这与我目前的发现是一致的。我正在测试这一切的 iPad 正在运行 iOS 3.2.1(在有人告诉我我应该向我的老板解释没有人再使用 3.X 之前，我试过了......他们仍然希望我调查这个).我向同事借了一台运行 iOS 4.2.1 的 iPad，该设备没有崩溃，但有些图像没有绘制到 Canvas 上。

我很确定 canvas 标签也有问题，因为我尝试在不向 canvas 元素绘制任何内容的情况下运行动画，并且页面从未崩溃。

这就是为什么我认为这可能是 Safari 对 canvas 标签支持的限制。当然，我愿意接受任何人的建议。

Answer 1

再次回答我自己的问题感觉有点奇怪，但我想如果有人搜索过这类问题，答案会很有帮助。

我相信我最初的假设是正确的。动画使用的图像总量约为 600 多张。我认为旧版 iPad 加载了尽可能多的内容，然后当它用完缓存并且 canvas 标签试图绘制不再存在的图像时，它崩溃了。

最终，我们最终将广告转换到装有 iOS 4.2 及更高版本的设备，因为在这些较新的设备上似乎没有出现该问题。此外，我们进一步压缩了图像大小，这有助于减少我们存储在内存中的图像量。

如果有人知道 iOS 4.2 或更高版本浏览器中的缓存阈值大致是多少，请发表评论，我将不胜感激。只是想知道我可以安全地加载多少 KB 的图像数据。