在使用three.js加载3D模型之后,项目中遇到一个问题:需要将3D模型旋转之后的位姿转换成图片并保存下来,尝试了两种方法:
1.使用canvas直接转换成图片
问题:由于canvas中加载的是3D模型,导致转换出来的图片一片漆黑,方法失败
2.使用three.js直接进行图片的转换
经过尝试之后,成功将模型转换成图片(base64编码图片)
方法如下:
this.renderer.render(this.scene, this.camera); //获取场景
let imgData = this.renderer.domElement.toDataURL('image/jpg'); //进行转换
转换之后,imgData为base64编码的图片,可以直接进行显示