Javascript 使用jsPDF从包含多个图像的html div中单击按钮创建pdf

我有一个包含四个图像的div，它们都是在一个单独的文件中创建的图形。我试图允许用户单击下载PDF按钮，通过jsPDF创建包含所有四个图形的PDF文件

到目前为止，我得到的只是一个空白的PDF页面可以下载，没有一张图片显示出来。如果我在div中添加一个标题或段落标记，它会显示出来，但不会显示任何图像

如何显示PDF中提到的图像

我尝试了发布的解决方案，但没有效果

这是我的JS

$(function () {

  var specialElementHandlers = {
    '#editor': function (element, renderer) {
        return true;
    }
  };

  $('#downloadPDF').click(function () {
     var doc = new jsPDF();
     doc.fromHTML($('#tables').html(), 15, 15, {
        'width': 170,
            'elementHandlers': specialElementHandlers
     });
     doc.save('sample-file.pdf');
  });
});

还有html

<div class="tab-pane fade" id="profile">
    <div id="tables">
          <img src='vendors.png' alt='vendors'>
          <img src='positives.png' alt='positives'>
          <img src='total_submissions.png' alt='total submissions'>
          <img src='unique_submissions.png' alt='unique submissions'>
    </div>
    <div id="editor"></div>
</div>

图像的宽度是多少？为什么要指定170的宽度？html中图像的宽度是640px，这不起作用，所以我尝试使用我看到的一个示例