我们如何将jspdf中创建的pdf导出为图像？

Question

我已经使用jspdf在程序中创建了pdf，我提供了以图片或pdf格式下载的选项，因此我可以以某种方式使用jspdf还是以某种方式使用jspdf创建的pdf将其存储为图片？

我

Answer 1

先将HTML转换为图像，然后转换为PDF。要将HTML转换为图像，请使用html2canvas，并通过addImage方法创建PDF。

示例：

const html_source = document.getElementById('contentID');   // Get html

 html2canvas(html_source).then(function(canvas) { // Convert to canvas

   let imgData = canvas.toDataURL('image/png'); // Generates image that you can store

   let pdf = new jsPDF('p', 'mm', 'a4'); //Create PDF, Note that you use the same image to create the PDF
   pdf.addImage(imgData, 'PNG', 10, 10);
   pdf.save('test.pdf');
 })