为了账号安全,请及时绑定邮箱和手机立即绑定

使用 JavaScript 从 SVG d3 图表导出 PDF

使用 JavaScript 从 SVG d3 图表导出 PDF

慕村9548890 2021-07-01 14:01:58
我正在尝试使用 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 文件中有完整的图表。
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 245 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信