jQuery Reel(360 度 View )- 仅在 iPad 上模糊

Question

我一直在尝试在 iPad 上复制项目的 360 度 View ，该 View 会响应手指的触摸事件而旋转。到目前为止，我已经成功创建了它(只需复制一些代码即可开始，我正在使用 jQuery Reel 插件)。然而，仅当我将其加载到 iPad 上时，图像才显得非常模糊。

http://findthetechguy.com/ipadtest3/

但是，当我在 iPad 上测试复制的原始网站时，卷轴更加清晰，图像也更高分辨率。

http://www.evoximages.com/products/360-exterior-spin

是什么导致我的图像质量仅在 iPad 上下降？它似乎在我的笔记本电脑上运行良好。任何帮助都会很棒。

Answer 1

iOS 对内存中的资源大小施加了限制(请参阅 Safari Web Content Guide 的“了解 iOS 资源限制”一章)，从而导致 Reel 的已知问题(请参阅 FAQ )。 Safari 所做的就是缩小图像的尺寸，以便将其放入系统专用于每个资源的一小块内存中，并以这种方式显示它。这会导致图像尺寸不同(较低)，并破坏 Reel 使用图像 Sprite 的尝试。为了解决这个问题，Reel 使用 -webkit-background-size CSS 指令来强制执行原始尺寸，以便框架更改能够正常工作，这就是使您的图像在 iPad 上看起来模糊的原因 -您的图像已被系统缩小，然后由 Reel 备份。

当违反此 iOS 限制时，您唯一的选择就是不使用单个 Sprite 图像，而是使用带有 .reel() 的 images 的单个帧图像。选项，它接受这些图像的路径数组。