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

Three.js屏幕截图自定义大小(使用屏幕外渲染?),three.js,webgl,screenshot,Three.js,Webgl,Screenshot,一些背景:我正在响应页面的iFrame中加载一个three.js项目(由同事编写) 目标:能够以特定分辨率抓取three.js的屏幕截图(无论视口大小) 我目前成功地抓取了three.js项目的屏幕截图,下面是我的建议: 问题是:生成的png始终与iFrame大小相同 是否可以在某种屏幕外渲染器中复制渲染器,以便在不影响最终用户的情况下调整大小并拍摄快照?或者对其他解决方案有什么建议?一个建议,这样做 renderer.setSize( widthOfScreenshot, heightOfSc

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

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

我目前成功地抓取了three.js项目的屏幕截图,下面是我的建议:

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


是否可以在某种屏幕外渲染器中复制渲染器,以便在不影响最终用户的情况下调整大小并拍摄快照?或者对其他解决方案有什么建议?

一个建议,这样做

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