Question

我在利用RotateX在这个骗子里创造了3D效应:

http://jsfiddle.net/vEWEL/11/"rel=“nofollow”> http://jsfiddle.net/vEWEL/11/。

然而,我不敢肯定,如何在这一菲德dle实现对红广场的同样影响:

http://jsfiddle.net/paulsidebottom/jbfSj/

What Matrix3D transform do I need to apply to the marker to get it to stand up in the vertical plane?

Answer 1

通过检查第一个例子,然后看一下网络检查员的计算表,你可以看到矩阵中第一个例子:

-webkit-transform: matrix3d(1, 0, 0, 0,
                            0, 0.5000000000000001, -0.8660254037844386, 0, 0,
                            0.8660254037844386, 0.5000000000000001, 0,
                            0, 0, 0, 1);

这一点似乎在你的第二个例子中起作用,但这可能是因为你的法典存在其他差异。

之所以采用这一方法,是因为X轴心中的轮换矩阵类似:

[1,0,0,0],
[0,cos(a), sin(-a), 0],
[0,sin(a), cos( a), 0],
[0,0,0,1]

在您的案例中,60度为π/3. 宇宙(π/3)=0.5,而 sin(π/3) = sqrt(3)/2=0.866025。

友情链接