阅读本文:
http://www.eleqtriq.com/2010/05/understanding-css-3d-transforms/
我可以理解如何将 perspective
属性可视化为在 3d 空间中创建金字塔。
我不太清楚的是这句话,“立方体的边被扭曲并投影到金字塔上”,然后是“视角越高,金字塔越陡,所以转换后的物体大小将是更接近它未转换的大小。”
该图似乎显示了如果光线从右侧照射会发生什么情况,立方体右侧的正方形在金字塔上转换出扭曲的阴影。但由于这是在金字塔的边缘——在我们视野的边缘,这到底有什么用?
而且我知道更高的视角会产生更陡峭的金字塔 - 但为什么这会产生较少扭曲的物体?
任何人都可以澄清这些要点吗?谢谢。
最佳答案
我不认为这张图特别清楚。
金字塔的作用是将您的元素(立方体)投影到金字塔的“地板”——投影平面,其中 z=0。
如果您完全忘记了透视,那么您的绘图系统就是通过垂直线将元素投影到投影平面上。即设置坐标的z为0.(x y z) >>> (x y 0).
当你有一个步进金字塔时,金字塔的 Angular 更接近垂直,这就是较少失真的原因
关于CSS3 透视 : Visualising the view pyramid,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16878112/