0

在网页上,我正在缩放<img/>标签。

为此,我使用了通过jquery.animate方法链接的css3变换缩放功能(https://github.com/louisremi/jquery.transform.js)。总而言之,在 Firefox 和 IE9 上效果不错。但是在 webkit 浏览器(尤其是 chrome 21)下,性能开销很大,而且动画效果也不好。

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

只是让你知道,我们不经常访问 dom(在动画时从不),我们使用requestAnimationFrame. 问题似乎确实存在于 webkit 用于调整图像大小的算法中。我们添加了 css -webkit-transform-style: preserve-3d;,这有点帮助,但不是很多。

有人对此有提示吗?

4

0 回答 0