javascript - 如何使用 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');
解决方案
推荐阅读
- ios - 如何根据内部值对 CSV 字符串进行排序?
- wordpress - WP如何在页面父更改时调用add_meta_box的回调函数
- php - Codeigniter 4 软删除仍在删除数据库记录
- batch-file - 批量复制
- jestjs - jest 可以在测试运行中包含快照,但排除对代码覆盖的贡献吗?
- firebase - 通过按后退按钮关闭应用程序时,Flutter Foreground Service 无法正常工作
- java - 区域设置在android studio Emulator中成功更改,在使用应用程序时在实际设备中没有更改
- java - RecyclerView 项目不重复,但保留其插槽中先前项目的更改
- python - 在 PyTorch 中屏蔽损失函数的最合适方法是什么
- javascript - 我有与内容安全政策相关的问题