首页 > 解决方案 > 如何使用 jsPdf 在 pdf 上将一个表格放在另一个表格旁边

问题描述

我有一个包含两个图形和两个表格的页面,我想将这些表格放在一个 pdf 中,我正在使用 jsPDF,但是当我将第二个表格放在第一个表格的下方时,我怎么能把桌子放在下面??这是我的代码:

let canvas = document.getElementById('chart-s') as HTMLCanvasElement;
let canvas2 = document.getElementById('chart-m') as HTMLCanvasElement;
let canvasImg = canvas.toDataURL("image/jpg", 1.0);
let canvasImg2 = canvas2.toDataURL("image/jpg", 1.0);
let doc = new jsPDF();
doc.setFontSize(20);
doc.text(15, 15, `${moment().format("MMMM")} ${moment().format("YYYY")} - `+"Year");
doc.addImage(canvasImg, 'JPEG', 10, 20, 190, 70 );
doc.addImage(canvasImg2, 'JPEG', 10, 100, 190, 70 );


let tableOne = document.getElementById("table");
let res = doc.autoTableHtmlToJson(tableOne);
doc.autoTable({
  head: [[`${moment().subtract(1, "year").format("YYYY")}`, `${moment().format("YYYY")}`]], 
  body: res.data,
  margin: {top: 175, right: 10},
  tableWidth: 85
});
let tableTwo = document.getElementById("mtable");
let resd = doc.autoTableHtmlToJson(tableTwo);
doc.autoTable({
  head: [[`${moment().subtract(1, "year").format("YYYY")}`, `${moment().format("YYYY")}`]],
  body: resd.data,
  margin: {right: 50, bottom: 175},
  tableWidth: 85
});

doc.save('canvas.pdf');

标签: javascriptjspdfjspdf-autotable

解决方案


推荐阅读