Javascript 如何在列中插入图像(jsPDF自动表格)?
我在pdf文件中显示图像有问题,pdf文件不接受图像格式。是否要添加图像js代码插件?我曾尝试对图片进行编码,然后生成PDF文件,但没有成功。下面是我的代码: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
身份证件
名字
姓
电子邮件
国家
形象
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配置逻辑生成函数,我方无法工作。我错过了一些包含脚本吗?