javascript - jsPDF 没有正确渲染 SVG 图像

Question

我正在尝试使用动态创建 SVG 的 jsPDF 截取网页的屏幕截图，但它没有正确呈现 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');