2012-01-17 54 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