Three.js 屏幕截图自定义大小(使用离屏渲染器？)

Question

一些背景:我正在响应式页面的 iFrame 中加载一个 Three.js 项目(由同事编写)。

目标:能够以特定分辨率抓取 Three.js 的屏幕截图(无论视口(viewport)大小如何)

我目前按照此处找到的建议成功抓取了 Three.js 项目的屏幕截图:Three.js Screenshot

问题:生成的 png 始终与 iFrame 大小相同。

是否可以在某种离屏渲染器中复制渲染器，我可以调整大小并拍摄快照而不影响最终用户？或者对不同的解决方案有什么建议吗？

Answer 1

一个建议，做这样的事情吗？

renderer.setSize( widthOfScreenshot, heightOfScreenshot );
renderer.render( scene, camera );
var screenshot = renderer.domElement.toDataURL();
renderer.setSize( originalWidth, originalHeight );
renderer.render( scene, camera );