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？

- user5410644

---

你能否尝试使用image/svg+xml而不是image/png呢？ - Maarten Wolfsen

@MaartenWolfsen 没有生效 :( - user5410644

你能添加一张截图吗？ - Maarten Wolfsen

请查看@MaartenWolfsen的屏幕截图。 - user5410644

看看这个能否帮到你：https://dev59.com/uV0b5IYBdhLWcg3wIOF-#29578919 - user1693593

Answer 1

尝试这个：

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

你的图片是“image/png”格式：

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

- Solange Tatiana