使用JavaScript从matrix3d()获取3D CSS旋转值

时间:2015-12-24 09:56:48

标签: javascript css matrix 3d css-transforms

我有一个3D变换元素:

.foo {
  transform: rotateX(-30deg) rotateY(35deg);
}

现在我想通过javascript获取这些值。获得3D矩阵很容易:

var matrix = $('.foo').css('transform');
// return:
// matrix3d(0.819152, -0.286788, -0.496732, 0, 0, 0.866025, -0.5, 0, 0.573576, 0.409576, 0.709406, 0, 0, 0, 0, 1)

但是可以使用该矩阵计算类似值-30和35的CSS吗?我刚刚找到了为2D transforms执行此操作的方法。

1 个答案:

答案 0 :(得分:2)

好的,明白了!

Omega(3^n)