一些背景知识:我在响应页面上的iFrame中加载了一个three.js项目(由同事编写)。
目标:能够以特定分辨率获取three.js的屏幕截图(无论视口大小如何)
我目前成功地根据以下建议抓取了three.js项目的屏幕截图:Three.js Screenshot
问题:生成的png始终与iFrame的大小相同。
是否可以在某种屏幕外渲染器中复制渲染器,我可以调整大小并拍摄快照,而不会影响最终用户?或者对不同解决方案的任何建议?
答案 0 :(得分:7)
一个建议,做这样的事情?
renderer.setSize( widthOfScreenshot, heightOfScreenshot );
renderer.render( scene, camera );
var screenshot = renderer.domElement.toDataURL();
renderer.setSize( originalWidth, originalHeight );
renderer.render( scene, camera );