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

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/