时间：2021-07-01 10:21:17 帮助过：28人阅读
因为Canvas画布终究还是平面的，所以要有3D就得抽象出一个Z轴。然后再把3D坐标转换成2D坐标，画到画布上，再通过旋转等变换效果来产生3D感。做3D一般就是由点到线，然后由线到面。
【点】
点的话，之前我有写过关于3D的博文 解析3D标签云，其实很简单 ，这篇博文虽然讲的是用div实现的3D标签云，但是追根到底产生的3D原理是一样的，就是最简单的由点构成的3D了。每一个标签就是一个点。也可以直接看这个DEMO：
3DBall
里面的总共有五百个点对象，每个点对象相应的根据他们的Z轴来改变他们的大小和透明度，再平均分布在球面上，就构成了点球体了。
【线】
如果知道怎么做点之后，线也就容易了，只要把点连起来就行了。这个没做DEMO，不过也确实不难。就循环moveTo，然后lineTo，线就出来了。
【面】
这篇博文主要讲面滴。
二话不说，先上个DEMO吧 ：
3D立方体
做一个立方体，我用了三个对象：点对象，面对象，以及立方体本身一个对象：
下面这个是点对象，x,y,z是点的三维坐标，_get2d方法是把三维坐标转换到二维层面来。fallLength是焦距。