前端数据可视化-three.js

简要记录vue2项目中使用three的流程,从项目中安装three到在页面中使用,并通过three创建场景以及添加模型的过程.

承接上文,对模型进行选中并进行拖拽旋转缩放等操作,同时记录参数,并将旋转数据的弧度数与可读的角度数进行互转.

记录通过three在场景中的模型上添加标注的方法.此效果需要添加3D对象才可以使得标注随着父模型进行缩放旋转等操作.

主要介绍在项目中可以用到的两种截图方式,第一种方式需要在three.js的页面中通过three.js自身的api进行截图.第二种在项目中常用.