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

Question

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

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

我现在成功地获取了three.js项目的屏幕截图,其中包含以下建议:Three.js截图

问题:生成的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 );