动画后的图像抗锯齿

Image anti-aliasing after animation

本文关键字：图像动画更新时间：2023-09-26

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

在每个动画之后，所有图像上的抗锯齿都会丢失一秒钟。然后对所有图像重新应用抗锯齿。

有没有可能不断地强制抗锯齿，或者强制它更快地刷新，这样就没有时间不对图像进行抗锯齿了？

对我来说，在Mac OS X上的嵌入式WebKit中，使用这种（非标准）CSS可以在CSS动画期间保留图像的抗锯齿：

img {
   image-rendering: optimizeQuality;
}

当然，这可能不适用于其他浏览器。mozilla.org网站声称这是"auto"的别名，但它确实改变了WebKit中的行为。