title: jsPDF & html2canvas not writing image to pdf
body: <p>Using jspdf and html2canvas to take a snapshot of a users chosen configuration on a table configurator (choose top/side/laminate colors).  Its achieved by changing the source of each image using transparent png.</p>
  
  <p>I'm having issues inserting the image into the pdf.  I can append it to the document with no issues and write text and other images to the pdf without issue.  I fear my image is way too large.  The generated base64 output is massive.  </p>
  
  <p>I have it writing to the console:</p>
  
  <pre><code>var doc = new jsPDF('p', 'pt','a4',true);
  doc.setFontSize(16);
  doc.setTextColor(80, 77, 78);
  doc.text(15, 2, 'should be an image under here'); 
  html2canvas($("#prod"), {
      useCORS : true,
      onrendered: function(canvas) {
         var imgData = canvas.toDataURL('image/jpeg');
  
         doc.addImage(imgData, 'JPEG', 15, 0, 34, 37);
          console.log(imgData);
          $('#prod').append(canvas);
      }
  });
  doc.save('Spec_Sheet.pdf');
  </code></pre>
  
  <p><a href="https://jsfiddle.net/x3x0e6ws/51/" rel="nofollow noreferrer">https://jsfiddle.net/x3x0e6ws/51/</a></p>
  
  <p>All images are coming from local server.  I have a min-height on each of the elements, I even tried throwing text in the div to force a height.  </p>
  
  <p>How can I remedy this?</p>
  
  <p>Thank you,</p>