时间戳

首页 > 解决方案 > jsPDF，插入具有自定义样式的图像

jspdf - jsPDF，插入具有自定义样式的图像

问题描述

我需要使用 jsPDF 制作带有上传用户头像的 pdf。有我的代码：

public openPDF(): void {
const elem = document.getElementById('AddNewBtn');
elem.parentNode.removeChild(elem);

let imgData = this.selectedFile.src;

const data = document.getElementById('htmlData');
html2canvas(data).then(canvas => {
  console.log(canvas);
  const imgWidth = 160;
  const heightLeft = canvas.height * imgWidth / canvas.width;
  const contentDataURL = canvas.toDataURL('image/png');
  const pdf = new jsPDF('p', 'mm', 'a4');
  pdf.addImage(imgData, 'JPEG', 160, 15, 50, 50);
  pdf.addImage(contentDataURL, 'PNG', 5, 25, 200, 210);
  pdf.save('invoice.pdf');
});}

我得到它是这样的：在此处输入图像描述

而不是在灰色圆圈内，图像被放置在页面布局的后面！你能帮我解决这个问题吗？我需要得到这个结果： 在此处输入图像描述

提前致谢！

标签： jspdfangular9

解决方案

清理现金并重新启动应用程序后，此代码对我来说运行良好！我只是删除了 addImage 并得到了我想要的结果！

推荐阅读