请问有没有一种方式可以在时间上结合多个CSS3转换效果?例如,当我设置以下内容时:
$bgWrapper.css({
'-webkit-transform' : ' scale3d(' + currScale + ', '+ currScale +', 1)'
});
在几秒钟之后,这个就会发生。
$bgWrapper.css({
'-webkit-transform' : 'translate3d('+ ((currCoords[0])/currScale) +'px, '+ ((currCoords[1])/currScale) +'px, 0px) '
});
我遇到了一个问题。第一个转换被第二个覆盖,但这绝对不是我想要发生的事情。所以我发现可以将这些值结合起来,这样我就可以暂时存储旧的值,然后执行以下操作:
var tmpTransform = $bgWrapper.css('-webkit-transform');
$bgWrapper.css({
'-webkit-transform' : ''+ tmpTransform +'translate3d('+ ((currCoords[0])/currScale) +'px, '+ ((currCoords[1])/currScale) +'px, 0px) '
});
但即使如此也不正确,重复调用存在问题...
那么有没有办法通过JavaScript获取CSS3缩放的精确值?有没有办法通过js获取CSS3 translate的精确值? 目前我只能得到具有这些值的矩阵,当然我可以解析它,但我希望有更好的解决方案。
最后,我认为在iPad上,-webkit-transform:matrix(...)没有硬件加速,因此唯一的方法是matrix3d?以正确地组合所有这些变换而没有问题。
非常感谢,希望您理解我的问题 :)