将文本/内容添加到 PDF 文件 (Angular)

Question

我从事项目并尝试在 pdf 文件上实现签名板。 我使用 angular2-signaturepad 包进行签名并使用 ng2-pdf-viewer 查看 pdf 文件。 现在我正在寻找一种方法 将签名添加到现有的 pdf 文件。 最好的方法是什么？

Answer 1

如果它有助于在角度中使用 Html2canvas，请尝试此操作。您可以将您的 html 内容发送到 pdf 并查看它。 示例函数

htmlToPdf() {
var data = document.getElementById('html2pdf'); // You can pass the id here for your signature
html2canvas(data).then(canvas => {      
  var imgWidth = 208;
  var pageHeight = 100;
  var imgHeight = canvas.height * imgWidth / canvas.width;
  var heightLeft = imgHeight;
  const contentDataURL = canvas.toDataURL('image/png')
  let pdf = new jspdf('p', 'mm', 'a4'); // A4 size page of PDF
  var position = 0;
  pdf.addImage(contentDataURL, 'PNG', 3, position, imgWidth, imgHeight);
  pdf.fromHTML()
  pdf.save(this.data+'.pdf'); // Generated PDF
});

}