美文网首页
关于使用three.js将3D模型转换成图片方法

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

作者: 朋_朋 | 来源:发表于2019-09-30 11:04 被阅读0次

在使用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编码的图片,可以直接进行显示

相关文章

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

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

  • three.js内存释放问题

    问题描述 在使用three.js渲染3D模型时,经常性的会遇到在连续添加模型后,导致浏览器崩溃的问题,经过排查,发...

  • Three.js加载gltf模型文件

    项目中直接使用的是three.js直接加载gltf模型文件。 gtlf文件被誉为3d界的“jpeg”,很形象 个人...

  • 怎样将PDF转成JPG?PDF转换图片其实很简单

    有些时候根据不同的使用需求,要将PDF转换成图片,如何将PDF转换成JPG呢?最简单的方法当然是截图,但是这样图片...

  • 将不同格式的3d模型导入three.js

    three.js除了可以自己绘画3d模型以外,当然也是可以自己导入3d模型。官方提供了许多例子,多且难寻。于是体贴...

  • Vue小技巧,如何导入普通JS文件

    最近在开发一个展示3D模型的WEB程序,在工程中使用了VUE和ThreeJS库。Three.js本身是支持Comm...

  • ThingJS 使用

    ThingJS,注意不是 Three.js,是比Three.js 封装度更高得3D框架,但不是开源的,使用得付费。...

  • 3D打印的未来

    3D 打印,区别不同的3D打印技术就只是弄清他们如何将三维数据转换成固体模型。 3D 打印技术常见的5种实现方式 ...

  • 双流rnn

    摘要 建立时间和空间上的模型。时间模型:堆叠RNN和分层RNN。提出两种将空间图像转为节点序列的方法。使用3D数据...

  • 06-模型-模型成员

    模型实例方法str:在将对象转换成字符串时会被调用save():将模型对象保存到数据表中.delete()将模型类...

网友评论

      本文标题:关于使用three.js将3D模型转换成图片方法

      本文链接:https://www.haomeiwen.com/subject/wepcpctx.html