2014-08-28 19 views
3

我在這裏遇到了一個非常棘手的問題,我一直在嘗試爲此找到一個解決方案,但一直失敗。也許這是Phonegap限制或操作系統瀏覽器(其中phonegap用作webview)的限制。林不知道..Phonegap圖像模糊,並且在變焦後不重繪該圖像

確定這裏是我的問題..

我有一個4000×3000圖像分辨率和我PhoneGap的應用程序有一個功能使用CSS3轉換放大的HTML圖像或HTML文本:規模()

首先,在DESKTOP網頁瀏覽器上進行測試,當我縮放高分辨率圖像和html文本時,縮放後圖像和文本變得模糊。但幾毫秒後,桌面瀏覽器重新繪製它,使圖像和文字更清晰。這當然是

在PhoneGap的側

現在的瀏覽器的默認行爲,默認情況下我顯示經由< IMG>標籤的圖像,並應用CSS3 變換:比例(0.5)使圖像更小,以適合移動,現在當我雙擊圖像,我會縮放它並應用css3 變換:縮放(2.5)

Phonegap中的問題是,當我放大圖像時,phonegap不重繪圖像這使得圖像模糊。對於我來說模糊圖像是一個很大的問題,因爲圖像和文本中的文本在縮放時不清晰可讀。

而且一個重要的提示是,使用帶有JellyBean操作系統版本(Android)的三星S3不會發生重繪,而在使用KitKat操作系統版本(Android)的小米手機中,重繪會發生。我也發現在iOS7使用ipodtouch5

類似的問題我不知道這是否可以通過代碼修復或這是瀏覽器的限制。

有沒有人遇到過這個問題?

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

希望能爲大家的幫助

感謝

回答

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

這對我的作品在Android和iOS(除WKWebView插件)。