CSS3转换矩阵3D值

Question

我想知道如何获取类似于这样的matrix3d的rotateX和rotateY值：

matrix3d(0.9999999970415847, 0, 0.00007692093651178932, 0, 0, 1, 0, 0, -0.00007692093651178932, 0, 0.9999999970415847, 0, 0, 0, 300, 1)

有人知道如何做到这一点吗？我会非常感激帮助，特别是因为我不是数学类型的人。谢谢！

- AJ Naidas

Answer 1

我对数学也不是很擅长，所以需要有比我更有知识的人来检查：

var matrix = new WebKitCSSMatrix(el.style.webkitTransform);
var rotationX = Math.acos(matrix.a) * (180/pi);
var rotationY = Math.asin(matrix.b) * (180/pi);

您可以在这里查看演示： http://jsfiddle.net/YsCF5/

- methodofaction

---

一个快速的提示，这是很久以前写的，CSSMatrix功能是一个非标准的提案。MDN现在建议使用以下内容：https://developer.mozilla.org/en-US/docs/Web/API/DOMMatrix - dudewad