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

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/