我正在嘗試使用 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 文件中有完整的圖表。
使用 JavaScript 從 SVG d3 圖表導出 PDF
慕村9548890
2021-07-01 14:01:58