使用 JavaScript 从 SVG d3 图表导出 PDF

Question

我正在尝试使用 jsPDF 和 JavaScript 将 SVG d3 图表导出为 pdf 文件。

我正在使用 jsPDF 导出 pdf 文件。我可以导出文件，但它的内容较少。

$("#exportPDF").click(() => {

      let svg = new XMLSerializer().serializeToString(document.getElementById("Employement_Source"));

      let canvas = document.createElement("canvas");

      let ctx = canvas.getContext("2d");

      let doc = new jsPDF({orientation: 'l', unit: 'px'});

      let img = document.createElement("img");

      img.setAttribute("src", "data:image/svg+xml;base64," + btoa(svg));

      img.onload = () => {

        ctx.drawImage(img, 0, 0);

        console.log(canvas.toDataURL("image/png"));

        doc.setFontSize(11);

        doc.text(5, 10, 'D3 Chart');

        doc.addImage(canvas.toDataURL("image/png"), 'PNG', 10, 10, 200, 100);

        doc.save('download.pdf');

      };

    });

期望导出的 pdf 文件中有完整的图表。