title: crop image using coordinates
body: <p>I am trying to crop image and send the cropped data to server side. I am using imgareaselect plugin. I get the coordinates of selection but could not crop the image. All the solutions available on internet is to preview cropped image using css. But how can I get the cropped data? No need of preview the cropped image. My code is</p>
  
  <pre><code>cropw = $('#cropimg').imgAreaSelect({
               maxWidth: 300, maxHeight: 300,
              aspectRatio: '1:1',
              instance: true,
              handles: true,
              onSelectEnd: function (img, selection) {                
              x1 = selection.x1;
              y1 = selection.y1;
              x2 = selection.x2;
              y2 = selection.y2;
      }
  });
  </code></pre>