CSS 3D变换角度问题

Question

我正在使用CSS3在div上执行以下转换:

'-webkit-transform' : 'rotateX(45deg) rotateZ(-45deg)'

结果如下:

或者像这个小提琴一样:http://jsfiddle.net/kteSW/

正如我们在这里看到的,角度是36度,而不是30度(sin45*sin45).有谁知道这个问题的原因？这是有意还是CSS3错误？

---

更新:

我已经将参数设置为:

-webkit-transform-style: preserve-3d; -webkit-perspective: none;

所以一切都应该以正交的方式呈现.但是,角度仍然不是30度.

Answer 1

我们试图实现的是当我们从(1,1,1)看(0,0,0)时计算眼睛和Z轴之间的角度.

所以它实际上(90 deg) - arctan(1 / sqrt(2)) = 54.7356103 deg不是45deg.