title: Three.js: How can I make a 2D SnapShot of a Scene as a JPG Image?
body: <p>I have a three.js scene like the following: </p>
  
  <pre><code>            var scene = new THREE.Scene();
              var camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000);
  
              var renderer = new THREE.WebGLRenderer();
              renderer.setSize(window.innerWidth, window.innerHeight);
              document.body.appendChild(renderer.domElement);
  
              var geometry = new THREE.BoxGeometry(1,1,1);
              var material = new THREE.MeshBasicMaterial({color: 0x00ff00});
              var cube = new THREE.Mesh(geometry, material);
              scene.add(cube);
  
              camera.position.z = 5;
  
              var render = function () {
                  requestAnimationFrame(render);
  
                  cube.rotation.x += 0.1;
                  cube.rotation.y += 0.1;
  
                  renderer.render(scene, camera);
              };
  
              render();
  </code></pre>
  
  <p><strong>Is it possible to make a 2D SnapShot or ScreenShot from a Scene and export it as a JPG Image?</strong></p>