Javascript 如何提高webkit图像缩放性能

Javascript 如何提高webkit图像缩放性能,javascript,animation,css,webkit,jquery-animate,Javascript,Animation,Css,Webkit,Jquery Animate,在网页上,我正在缩放标记 为此,我使用了通过jquery.animate方法链接的css3变换比例函数(https://github.com/louisremi/jquery.transform.js). 总而言之,结果在Firefox和IE9上是好的。但在webkit浏览器(尤其是Chrome21)下,性能成本很高,动画效果也不好 所以,我来看看chrome开发工具的时间线。这个问题肯定是由重新绘制造成的,重新绘制图像所需的时间非常长 正如您所知,我们不经常访问dom(在设置动画时从不访问),

在网页上,我正在缩放
标记

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

所以,我来看看chrome开发工具的时间线。这个问题肯定是由重新绘制
造成的,重新绘制图像所需的时间非常长

正如您所知,我们不经常访问dom(在设置动画时从不访问),我们使用
requestAnimationFrame
。问题似乎真的存在于webkit用来调整图像大小的算法中。我们添加了css
-webkit转换样式:preserve-3d,这有点帮助,但没有那么多


有人对此有什么提示吗?

D‘你有我们可以看到的代码吗?@arxanas如果你想看的话,是的,我正在使用这个插件:基本上,这个插件不会在chrome的divs上造成麻烦,它只在chrome的图像上。在其他浏览器上没有问题。所以,这似乎真的与Chrome中的图像绘制时间有关。