Threejs WebGL渲染器-toDataURL中没有多个场景数据

编程问答 2022-08-16

问题描述

在Angular应用程序中，我们使用three.js渲染以一个顺序列出的多个场景（使用setScissorTest（true））。目前，我正在尝试使用JSPDF将渲染的场景导出为PDF。 renderer.domElement.toDataURL用于将渲染器内容导出到JPEG流中，并将其添加到PDF中。

在屏幕上可见的内容将被导出到PDF中。但是页面上可以通过向下滚动查看的场景在dataURL流中不可用。因此，生成的PDF会丢失屏幕上不可见的对象。

示例- https://plnkr.co/edit/Ty8BZaDcflCJH5tH（chrome）

我尝试了类似-

的方法
  1. 使用单独的webglrenderer将每个场景导出为图像以生成PDF（未启用剪刀测试）
  2. 使用隐藏的画布进行PDF导出。

但是我面对上述方法的问题，是否有任何方法可以导出three.js webGL渲染器的多个场景，而不管该场景在屏幕上是否可见？

预先感谢

Satheesh

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

pdf-generationthree.js