css3转换matrix3d值

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)

有人知道怎么做吗？我真的很感激帮助,特别是因为我不是真正的数学类型的人.日Thnx!

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/