css3转换matrix3d值

时间:2012-01-17 07:12:24

标签: javascript html5 coding-style css3 3d

我想知道如何获取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!

1 个答案:

答案 0 :(得分:5)

我也不擅长数学,所以这需要一些比我更有知识的人来检查:

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/