css - 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。