2012-01-17 61 views
4

我想知道如何获得一个Matrix3D的rotateX和旋转Y的值,如本:CSS3转换的Matrix3D值

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

没有任何人知道如何呢?我真的很感谢这个帮助,特别是因为我不是真正的数学类型的人。日Thnx!

回答

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/

+0

快速注意,这是很久以前写的,CSSMatrix功能是一个非标准的提议。 MDN现建议如下:https://developer.mozilla.org/en-US/docs/Web/API/DOMMatrix – dudewad 2016-02-18 21:06:42