jquery - 使用 JQuery 缩放锯齿状图像

Question

我正在制作一个小型 JQuery 动画，其中涉及几个“缩放”页面的 png 图像(文本标签)。我已经掌握了动画的基础知识，但客户评论说文本“模糊”或“模糊”。我认为他指的是动画渲染的不稳定。

您可以在 JSFiddle 上看到它:http://jsfiddle.net/H5Mk2/2/

关于让动画更流畅有什么想法吗？您觉得怎么样？

谢谢!

Answer 1

您考虑过使用 CSS3 动画吗？如果需要，您可以使用 javaScript 动态构建动画。它们的渲染比位置迭代平滑得多，并且通常利用硬件加速和子像素渲染。

有一些浏览器兼容性注意事项 ( http://caniuse.com/#feat=css-animation )，但我肯定会看一下。

一些有用的链接

http://www.netmagazine.com/tutorials/masterclass-css-animations

http://www.kirupa.com/html5/css3_animations_vs_transitions.htm

http://www.leemunroe.com/css3-animations/