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

时间:2014-12-17 20:24:23

标签: three.js webgl screenshot

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

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

我目前成功地根据以下建议抓取了three.js项目的屏幕截图:Three.js Screenshot

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

是否可以在某种屏幕外渲染器中复制渲染器,我可以调整大小并拍摄快照,而不会影响最终用户?或者对不同解决方案的任何建议?

1 个答案:

答案 0 :(得分:7)

一个建议,做这样的事情?

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