Three.js 스크린 샷 사용자 정의 크기 (오프 스크린 렌더러 사용)

Question

일부 배경 : 반응 형 페이지의 iFrame에 three.js 프로젝트 (동료가 작성)를로드 중입니다.

목표 다음 three.js를 프로젝트에 다음과 같은 조언의 스크린 샷을 잡아에

내가 현재 성공적인 해요 (에 관계없이 뷰포트 크기의) 특정 해상도에서 three.js를의 스크린 샷을 잡을 수 있어야합니다 여기 발견 : Three.js Screenshot

문제 : 생산 된 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);