2012-01-14 87 views

回答

4

通过检查的第一个例子,然后看着WebKit的检查计算的选项卡,可以看到基质中使用的第一个是:

-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] 

在你的情况,a为60度,这以弧度为π/ 3。 cos(π/ 3)= 0.5,sin(π/ 3)= sqrt(3)/ 2 = 0.866025。

+1

虽然我没有解决这个问题,但您建议的方法是合乎逻辑和有用的。我已经将matrix3D变换直接应用于元素,并且它看起来与rotationX相同,因此其他内容必须出错。 – Sidebp 2012-01-20 14:49:40