0

我正在使用 Cordova 开发一个应用程序,并有一个杂志部分,允许用户滑动和放大选择的页面图像。它工作得非常好,我对测试时浏览器和 iOS 上的结果感到满意。

当用户捏合或双击具有可见图像的图层时,使用 scale3d 缩放。图像很大,因此在浏览器和 iOS 上缩放时,它们重新采样非常好,它允许用户查看任何文本等。

但是,在 Android 上运行应用程序时,图像似乎没有重新采样,因此仍然像素化和模糊。

我尝试将图像设置为背景(大小 100%)并将其设置为 img 标签(高度、宽度 100%),但似乎都没有在 Android 上重新采样。

谁能建议一种让图像在 Android 上重新采样的方法?

4

1 回答 1

0

我遇到了类似的问题,我注意到支持 css 3d 转换并且像素密度超过 1 的设备需要隐藏backface-visibility. 我一生都无法解释为什么会这样。

-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;

我还注意到在一些没有 3d 变换的旧设备上存在一些错误backface-visibility,所以我不能一直保留它。但遗憾的是我不记得错误是什么。

我结束了 Modernizr 的运行,并在backface-visibility上面添加了所需的元素,例如:

.csstransforms3d #path .to img { … }
于 2013-10-28T19:28:11.373 回答