在网页上,我正在缩放<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;
,这有点帮助,但没有那么多。
有人对此有暗示吗?