Javascript jsPDF黑色背景和错误样式

我希望将HTML页面的一部分转换为pdf，并使用jsPDF。当我下载pdf时，所有的样式都乱七八糟，图像也不会显示出来。它也显示为黑色背景

这是一张显示的图片

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.4.1/jspdf.debug.js" integrity="sha384-THVO/sM0mFD9h7dfSndI6TS0PgAGavwKvB5hAxRRvc0o9cPLohB0wb/PTA7LdUHs" crossorigin="anonymous"></script>
<div id="content">
<h1>Title</h1>
<p><strong>Bold</strong> aaaaaaaa ddddddd gggggg jjjjjj</p>
<p style="color: blue;">bluye blue</p>
<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"/>

<h2>HTML Table</h2>

<table>
  <tr>
    <th>Company</th>
    <th>Contact</th>
    <th>Country</th>
  </tr>
  <tr>
    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td>
    <td>Germany</td>
  </tr>
  <tr>
    <td>Centro comercial Moctezuma</td>
    <td>Francisco Chang</td>
    <td>Mexico</td>
  </tr>
  <tr>
    <td>Ernst Handel</td>
    <td>Roland Mendel</td>
    <td>Austria</td>
  </tr>
  <tr>
    <td>Island Trading</td>
    <td>Helen Bennett</td>
    <td>UK</td>
  </tr>
  <tr>
    <td>Laughing Bacchus Winecellars</td>
    <td>Yoshi Tannamuri</td>
    <td>Canada</td>
  </tr>
  <tr>
    <td>Magazzini Alimentari Riuniti</td>
    <td>Giovanni Rovelli</td>
    <td>Italy</td>
  </tr>
</table>
</div>

<button onclick="generatePDF()">generate PDF</button>

JavaScript

  var doc = new jsPDF();
  doc.addHTML(document.getElementById('content'),function() {
      doc.save('html.pdf');
  });

---

fiddle:

您正在使用IIS吗？不，如果此用户的回答有帮助，请查看显示的内容

  var doc = new jsPDF();
  doc.addHTML(document.getElementById('content'),function() {
      doc.save('html.pdf');
  });