Phonegap图像模糊，并且在缩放后不会重绘该图像

Question

我在这里遇到一个非常棘手的问题，我一直试图找到解决方案一段时间但失败了。也许这是Phonegap限制或操作系统浏览器（电话空白用作webview）限制。我不确定..

好的，这是我的问题..

我有 4000x3000 图像分辨率，我的Phonegap应用程序具有使用css3 transform缩放html图像或html文本的功能：scale（）

首先，在DESKTOP网络浏览器上进行测试，当我缩放高分辨率图像和html文本时，缩放后图像和文本会变得模糊。但几毫秒后，桌面浏览器会重新绘制它，使图像和文本更清晰。这是浏览器的默认行为

现在在Phonegap方面，默认情况下我通过＆lt;显示图像img＆gt; 标记并应用css3 变换：缩放（0.5）以使图像更小以适应移动设备，现在当我双击图像时，我将缩放它并应用css3 转换：比例（2.5）

Phonegap的问题在于，当我缩放图像时，phonegap不会重绘图像，使图像模糊。模糊图像对我来说是一个大问题，因为当缩放不清晰时，图像和文本内部有文本。

重要的一点是，使用带有JellyBean OS版本（Android）的三星S3不会重绘，而在使用KitKat OS版本（Android）的小米手机中，重绘会发生。我也使用ipodtouch5

在iOS7中发现了类似的问题

我不确定这是否可以通过代码修复，或者这是浏览器限制。

有没有人遇到过这个问题？

希望任何人都有解决方案。

希望得到每个人的帮助

由于

Answer 1

img {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

这适用于Android和iOS（WKWebView插件除外）。