css3 преобразование значений matrix3d

Question

Я хочу знать, как получить значения rotateX и rotateY для matrix3d, например:

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/