jsPDF，插入图片并自定义样式

Question

我需要用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');
});}

我的代码是这样的：

图片没有放在灰色圆圈内，而是放在了页面布局的后面！请你帮我解决这个问题。你能帮我解决这个问题吗？我需要得到这个结果。

先谢谢你!

Answer 1

这段代码在我清理现金和重启应用程序后，工作正常！我只是删除了addImage，然后得到了我的代码。我只是删除了addImage，就得到了我想要的结果!