Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/ant/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Android Phonegap图像模糊,缩放后不会重新绘制该图像_Android_Image_Cordova_Zooming_Blurry - Fatal编程技术网

Android Phonegap图像模糊,缩放后不会重新绘制该图像

Android Phonegap图像模糊,缩放后不会重新绘制该图像,android,image,cordova,zooming,blurry,Android,Image,Cordova,Zooming,Blurry,我这里有一个非常困难的问题,我一直在试图找到一个解决方案,但失败了。这可能是Phonegap限制或操作系统浏览器(Phonegap用作webview)限制。我不确定 好的,这是我的问题 我有一个4000x3000图像分辨率,我的Phonegap应用程序具有使用css3 transform:scale()缩放html图像或html文本的功能 首先,在桌面web浏览器上测试,当我缩放高分辨率图像和html文本时,图像和文本在缩放后变得模糊。但几毫秒后,桌面浏览器会重新绘制,使图像和文本更清晰。当然,

我这里有一个非常困难的问题,我一直在试图找到一个解决方案,但失败了。这可能是Phonegap限制或操作系统浏览器(Phonegap用作webview)限制。我不确定

好的,这是我的问题

我有一个4000x3000图像分辨率,我的Phonegap应用程序具有使用css3 transform:scale()缩放html图像或html文本的功能

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

现在在Phonegap侧,默认情况下,我通过标记显示图像,并应用css3变换:缩放(0.5)使图像变小以适合移动设备,现在当我双击图像时,我将缩放图像并应用css3变换:缩放(2.5)

Phonegap的问题是,当我缩放图像时,Phonegap不会重新绘制图像,这会使图像模糊。模糊的图像对我来说是一件大事,因为图像中有文本,放大后的文本不清晰

还有一个重要的注意事项,使用三星S3和JellyBean操作系统版本(Android)时不会重画,而在小米手机和KitKat操作系统版本(Android)中,重画会发生。我在使用ipodtouch5的iOS7中也发现了类似的问题

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

有人遇到过这个问题吗

希望每个人都有解决办法

希望得到大家的帮助

谢谢

这适用于我在android和iOS上(除了WKWebView插件)

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