css - CSS 3D 変換角度の問題

Question

CSS3 を使用して、div で次の変換を実行しています。

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

結果は次のようになります。

または、このフィドルのように: http://jsfiddle.net/kteSW/

ここでわかるように、角度は 30 度 (sin45*sin45) ではなく 36 度です。この問題の理由を知っている人はいますか？これは意図したものですか、それとも 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。