javascript - 动画后图像抗锯齿

Question

我开发了一个简单的点击游戏，你点击一个图像，它就会被另一个图像替换。使用 jQuery/animate/toggle 第一个图像淡出，下一个图像淡入。

每个动画结束后，所有图像的抗锯齿功能都会丢失一秒钟。然后它会对所有图像重新应用抗锯齿功能。

是否可以持续强制消除锯齿或强制刷新得更快，这样图像就不会出现不消除锯齿的情况？

Answer 1

对我来说，在 Mac OS X 上的嵌入式 WebKit 中，使用此(非标准)CSS 可以在 CSS 动画期间保留图像的抗锯齿功能:

img {
   image-rendering: optimizeQuality;
}

当然，这可能不适用于其他浏览器。 The mozilla.org site claims that this behave as an alias of 'auto'但它确实改变了 WebKit 中的行为。