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);

您的图片是“ image / png”：

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