Javascript 通过js组合css3转换

请问有没有办法在一段时间内组合更多的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) '
});

但即使这样也不正确，重复打电话也有问题

那么有没有办法获得css3 scale vie javascript的精确值呢？有没有办法通过js获得CSS3翻译的精确值？ 目前我只得到这些值的矩阵，当然我可以解析它，但我希望有更好的解决方案

最后..我想-webkit转换：矩阵（…）不是iPad上的硬件加速器，所以唯一的方法是matrix3d？要正确地组合所有这些转换而不出现问题

---

非常感谢，希望您理解我的问题：）

您需要操纵矩阵才能完成您想要做的事情：

   var transform = new  WebKitCSSMatrix(window.getComputedStyle(element).webkitTransform);
   transform = transform.rotateAxisAngle(0,0,0,45)
   element.style.webkitTransform = transform;

这些方法包括：

您可以在此处查看演示：

---

我是网页设计新手，但不是谷歌的新手

要组合转换，必须将所有转换放在同一行代码上

本文对此进行了解释：

我所说的那一段接近底部

组合变换

CSS转换本身是有用的，但是当您将它们组合在一起并获得显著的结果时，它们的真正威力就会显现出来。无论何时组合它们，请记住必须在一行中定义所有变换。以下是示例语法：

#rotate-skew-scale-translate {
transform:skew(30deg) scale(1.1,1.1) rotate(40deg) translate(10px, 20px);
}

---

有其他浏览器可以使用的替代方案吗？

#rotate-skew-scale-translate {
transform:skew(30deg) scale(1.1,1.1) rotate(40deg) translate(10px, 20px);
}