title: jsPDF black background and wrong styles
body: <p>I'm looking to convert a section of my HTML page to a pdf and am using jsPDF. When I download the pdf, the styles are all messed up and the image won't show. It is also showing as a black background. </p>
  
  <p>Here is a picture of what shows up</p>
  
  <p><a href="https://i.stack.imgur.com/mv6c6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mv6c6.png" alt="enter image description here"></a></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.4.1/jspdf.debug.js" integrity="sha384-THVO/sM0mFD9h7dfSndI6TS0PgAGavwKvB5hAxRRvc0o9cPLohB0wb/PTA7LdUHs" crossorigin="anonymous"&gt;&lt;/script&gt;
  &lt;div id="content"&gt;
  &lt;h1&gt;Title&lt;/h1&gt;
  &lt;p&gt;&lt;strong&gt;Bold&lt;/strong&gt; aaaaaaaa ddddddd gggggg jjjjjj&lt;/p&gt;
  &lt;p style="color: blue;"&gt;bluye blue&lt;/p&gt;
  &lt;img src="https://s3.amazonaws.com/cdn-origin-etr.akc.org/wp-content/uploads/2017/11/12233437/Entlebucher-Mountain-Dog-On-White-01.jpg" width="300px" height="200px"/&gt;
  
  &lt;h2&gt;HTML Table&lt;/h2&gt;
  
  &lt;table&gt;
    &lt;tr&gt;
      &lt;th&gt;Company&lt;/th&gt;
      &lt;th&gt;Contact&lt;/th&gt;
      &lt;th&gt;Country&lt;/th&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Alfreds Futterkiste&lt;/td&gt;
      &lt;td&gt;Maria Anders&lt;/td&gt;
      &lt;td&gt;Germany&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Centro comercial Moctezuma&lt;/td&gt;
      &lt;td&gt;Francisco Chang&lt;/td&gt;
      &lt;td&gt;Mexico&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Ernst Handel&lt;/td&gt;
      &lt;td&gt;Roland Mendel&lt;/td&gt;
      &lt;td&gt;Austria&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Island Trading&lt;/td&gt;
      &lt;td&gt;Helen Bennett&lt;/td&gt;
      &lt;td&gt;UK&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Laughing Bacchus Winecellars&lt;/td&gt;
      &lt;td&gt;Yoshi Tannamuri&lt;/td&gt;
      &lt;td&gt;Canada&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Magazzini Alimentari Riuniti&lt;/td&gt;
      &lt;td&gt;Giovanni Rovelli&lt;/td&gt;
      &lt;td&gt;Italy&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/div&gt;
  
  &lt;button onclick="generatePDF()"&gt;generate PDF&lt;/button&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>table {
      font-family: arial, sans-serif;
      border-collapse: collapse;
      width: 100%;
  }
  
  td, th {
      border: 1px solid #dddddd;
      text-align: left;
      padding: 8px;
  }
  
  tr:nth-child(even) {
      background-color: #dddddd;
  }
  </code></pre>
  
  <p><strong>JavaScript</strong></p>
  
  <pre><code>  var doc = new jsPDF();
    doc.addHTML(document.getElementById('content'),function() {
        doc.save('html.pdf');
    });
  </code></pre>
  
  <p>fiddle: <a href="http://jsfiddle.net/La85762t/" rel="nofollow noreferrer">http://jsfiddle.net/La85762t/</a></p>