透视原理

电脑屏幕是一个2D屏幕，图像之所以具有立体感（3D效果），其实只是通过透视完成的视觉呈现。即，透视是模拟人眼的图像观察方式，这种方式能够对物体的远近、方位进行判断，从视觉上来说，更加接近人类所熟悉的效果。

• 透视的原理：近大远小；
• 浏览器透视：把近大远小的所有图像，透视在屏幕上。

名词解释

• 视距 d（perspective），表示视点距离屏幕的长短；
• 视点（perspectiveOrigin），用于模拟透视效果时人眼的位置。

上图，显示了perspective属性和translateZ的位置比例。

顶部的图，Z是半个d，为了使原始圆（轮廓）看起来出现在Z轴上（虚线圆），画布上的实体圆将扩大两部，如浅蓝色的圆。在底部图中显示，圆按比例缩小，致使虚线圆出现在画布后面，并且z的大小是距原始位置三分之一。