如何提高webkit图像缩放性能

时间:2012-08-28 14:42:57

标签: javascript animation css3 webkit jquery-animate

在网页上,我正在缩放<img/>代码。

为此,我使用通过jquery .animate方法(https://github.com/louisremi/jquery.transform.js)链接的css3转换比例函数。总而言之,Firefox和IE9的结果很好。但是在webkit浏览器(特别是chrome 21)下,性能成本很高,而且动画效果不佳。

所以,我看一下chrome devtool时间表。问题肯定是由<img/>的重绘引起的,重绘图像的时间非常长。

您知道,我们不会经常访问dom(从不动画时),我们使用requestAnimationFrame。实际上麻烦似乎存在于webkit用于调整图像大小的算法中。我们添加了css -webkit-transform-style: preserve-3d;,这有点帮助,但没有那么多。

有人对此有暗示吗?

0 个答案:

没有答案