爲什麼動畫圖像需要片刻清晰顯示？

爲什麼由jquery動畫的圖片需要片刻清晰地顯示？爲什麼動畫圖像需要片刻清晰顯示？

要了解這裏的問題是jsFiddle

這裏當你點擊按鈕圖像變大，它需要一段時間才能得到的圖像清晰。

如何解決此問題？

這裏是代碼

$(document).ready(function(){ 
     $("#btn").click(function(){ 
       $("#im").animate({width:200,height:200}); 
     }); 
});

你的形象是給403禁止。還有什麼瀏覽器有問題？ –

您的瀏覽器可能正在優化動畫。（瀏覽器可能在內存中緩存了低分辨率版本的圖像，但爲了獲得更高的分辨率，需要對其進行重新解碼，並且最重要的是它可能不會在圖像靜止一會兒）。嘗試製作200x200像素的原始圖像（如果尚未）。 – Dave

我真的沒有看到問題...請解釋 - [編輯小提琴示例]（http://jsfiddle.net/TAtce/1/） –

我想你看到的是一個瀏覽器優化時，要求在動畫中快速縮放圖像。他們在動畫過程中使用快速縮放算法，以使動畫更快速，並在動畫停止後使用更精確的縮放算法。

另外，這裏是在不同的瀏覽器如何不同地縮放圖像的一些信息：http://entropymine.com/resamplescope/notes/browsers/

2013-04-17 22:07:39 jfriend00

可能你是對的，但如何解決這個問題？ – user1390378

閱讀我添加到我的答案中的鏈接，並且可能有一些特定於供應商的前綴可讓您控制縮放算法，或者它可能只是瀏覽器的行爲方式。 – jfriend00

回答