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

使用 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 关注
  • 305 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号