title: I was not able to see images while converting html page to pdf using javascript
body: <p>here is my code while i download pdf images attributes of html are missing.
  suppose in cases like generating invoices we should print tables containing details along with logo.
  but images are not displaying in downloaded pdf using this code.Provide me with possible resolution and reason for this.thanks in advance</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="true">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).on('click', '#btn', function() {
    let pdf = new jsPDF();
    let section = $('body');
    let page = function() {
      pdf.save('pagename.pdf');
    };
    pdf.addHTML(section, page);
  
  })</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>html,
  body {
    overflow-x: hidden;
  }
  
  #btn {
    padding: 10px;
    border: 0px;
    margin: 50px;
    cursor: pointer;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
    &lt;title&gt;HTML with Image&lt;/title&gt;
    &lt;META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW"&gt;
    &lt;style type="text/css"&gt;
  
    &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;button id="btn"&gt;Convert to PDF&lt;/button&gt;
    &lt;div id="text"&gt;
  
      &lt;h2&gt;HTML Page with Image to PDF&lt;/h2&gt;
      &lt;img src="http://photojournal.jpl.nasa.gov/jpeg/PIA17555.jpg" width="300px"&gt;
  
    &lt;/div&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"&gt;
    &lt;/script&gt;
    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js"&gt;&lt;/script&gt;
    &lt;script src="custom.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
    &lt;/script&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>all the html elements are working fine except images . kindly help me with resolving this.</p>