为什么动画图像需要花一点时间才能清晰显示？

Question

为什么jquery动画制作的图片需要片刻才能清晰显示？

要理解这里的问题是jsFiddle

此处单击按钮时图像变大，需要一段时间才能清除图像。

如何解决这个问题？

这是代码

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

Answer 1

我认为当您被要求在动画中快速缩放图像时，您所看到的是浏览器优化。他们在动画期间使用快速缩放算法来使动画更快，然后在动画停止后使用更精确的缩放算法。

您可以在此处阅读有关缩放算法更改的信息：https://bugs.webkit.org/show_bug.cgi?id=56627

此外，这里有一些关于不同浏览器如何不同地缩放图像的信息：http://entropymine.com/resamplescope/notes/browsers/