Javascript 如何在列中插入图像(jsPDF自动表格)?

Javascript 如何在列中插入图像(jsPDF自动表格)?,javascript,jspdf,jspdf-autotable,Javascript,Jspdf,Jspdf Autotable,我在pdf文件中显示图像有问题,pdf文件不接受图像格式。是否要添加图像js代码插件?我曾尝试对图片进行编码,然后生成PDF文件,但没有成功。下面是我的代码: 生成PDF 身份证件 名字 姓 电子邮件 国家 形象 2. 珍妮丝 亨利 jhenry1@theatlantic.com 乌克兰 var doc=new jsPDF(); 自动表格({ html:“#mytable”, 车身样式:{minCellHeight:15}, didDrawCell:函数(数据){ if(data.column

我在pdf文件中显示图像有问题,pdf文件不接受图像格式。是否要添加图像js代码插件?我曾尝试对图片进行编码,然后生成PDF文件,但没有成功。下面是我的代码:


生成PDF
身份证件
名字
姓
电子邮件
国家
形象
2.
珍妮丝
亨利
jhenry1@theatlantic.com
乌克兰
var doc=new jsPDF();
自动表格({
html:“#mytable”,
车身样式:{minCellHeight:15},
didDrawCell:函数(数据){
if(data.column.index==5&&data.cell.section===body){
var td=data.cell.raw;
var img=td.getElementsByTagName('img')[0];
var dim=data.cell.height-data.cell.padding('vertical');
var textPos=data.cell.textPos;
文档添加图像(img.src、textPos.x、textPos.y、dim、dim);
}
}
});
函数generate(){
doc.save(“table.pdf”);
}
以下是我的输出:


希望有人能指导我如何解决它。谢谢。

将pdf配置逻辑移动到生成功能

function generate() {
      var doc = new jsPDF();

  doc.autoTable({
    html: '#mytable',
    bodyStyles: {minCellHeight: 15},
    didDrawCell: function(data) {
      if (data.column.index === 5 && data.cell.section === 'body') {
         var td = data.cell.raw;
         var img = td.getElementsByTagName('img')[0];
         var dim = data.cell.height - data.cell.padding('vertical');
         var textPos = data.cell.textPos;
         doc.addImage(img.src, textPos.x,  textPos.y, dim, dim);
      }
    }
  });

      doc.save("table.pdf");
    }

工作示例:-

如果下面的解决方案有效,请接受它,因为answertextPos.x未定义如果我移动pdf配置逻辑生成函数,我方无法工作。我错过了一些包含脚本吗?