锯齿状图像使用JQuery进行缩放

时间:2012-08-08 18:17:47

标签: jquery performance animation

我正在研究一个小的JQuery动画,它包含几个png图像(文本标签)“缩放”出页面。我得到了动画的基础知识,但客户评论文字是“模糊”或“模糊”。我认为他指的是动画渲染的不稳定性。

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

有关使动画更流畅的想法吗?它看起来如何?

谢谢!

1 个答案:

答案 0 :(得分:0)

您是否考虑过使用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/