一些背景:我正在响应页面上的iFrame中加载一个Three.js项目(由同事编写)。
目标:能够以特定分辨率(不考虑视口大小)捕获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 );
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句