title: Croppie: image bigger than viewport
body: <p>I'm using <a href="https://github.com/Foliotek/Croppie" rel="nofollow">https://github.com/Foliotek/Croppie</a> to crop images:</p>
  
  <pre><code>var basic = $('#demo-basic').croppie({
              viewport: {
                  width: 640,
                  height: 640
              },
              boundary: {
                  width: 640,
                  height: 640
              },
              showZoom: false
          });
  
          basic.croppie('bind', {
              url: 'image.jpg'
          });
  </code></pre>
  
  <p>I need a resulting image size of 640*640 and I'm only using image that are bigger than 640*640, this works perfectly if I set the result to </p>
  
  <pre><code> basic.croppie('result', {
                  type: 'canvas',
                  size: 'viewport'
              }).then(function (src) {
                  window.open(src);
              });
  </code></pre>
  
  <p>How could I solve this on a mobile screen (with a screen width of like 320px)? The resulting image still has to be 640*640 and has to be the image the user actually sees while cropping (preview). 
  I tried changing the <code>viewport</code> or the <code>boundary</code> parameters but the resulting image differs from the one the user sees while cropping (preview).</p>
  
  <p>TLDR: How can I crop images, where both the original image and the cropped image are bigger than the screen width?</p>