jsPDF 未正确呈现 SVG 图像

Question

我正在尝试使用 jsPDF 截取网页的屏幕截图，该网页已动态创建 SVG，但无法正确呈现 SVG 图。

这是我所做的：

 function genPDF() {
   html2canvas(document.getElementById("full_page"), {
     onrendered: function(canvas) {
       var imgData = canvas.toDataURL("image/png");
       var pdf     = new jsPDF("p", "mm", "a4");
       var width   = pdf.internal.pageSize.width;
       var height  = pdf.internal.pageSize.height;
       
       pdf.addImage(imgData, 'svg', 0, 0, width, height);
       pdf.save('full_report.pdf');
     }
   });
 }

这里full_page 是页面的整个部分。如何正确获取 SVG？

Answer 1

试试看：

pdf.addImage(imgData, 'png', 0, 0, width, height);

您的图片是“图片/png”：

var imgData = canvas.toDataURL('image/png');