关于使用three.js将3D模型转换成图片方法

JavaScript019

关于使用three.js将3D模型转换成图片方法,第1张

在使用three.js加载3D模型之后,项目中遇到一个问题:需要将3D模型旋转之后的位姿转换成图片并保存下来,尝试了两种方法:

问题:由于canvas中加载的是3D模型,导致转换出来的图片一片漆黑,方法失败

经过尝试之后,成功将模型转换成图片(base64编码图片)

方法如下:

转换之后,imgData为base64编码的图片,可以直接进行显示

一般工作中,前端这边主要是把3D制作人员给的3D模型,给导入到前端当中。这里就简单的教大家如何操作。

知识点