如何将html元素和画布转换为PDF ?

Question

我有一个显示很多东西的画布，但在它上面也有很多html元素

当我尝试使用html2canvas lib与jsPdf在一起时，我在pdf中根本没有html元素，只有几个。

下面是代码:

html2canvas(document.body).then((canvas) => {
const imgData = canvas.toDataUrl('image/png');
const imgWidth = (canvas.width * 20) / 120;
const imgHeight = (canvas.height * 20) / 120;
const pdf = new jsPDF("p", "mm", "a4");
pdf.addImage(imgData, 'JPEG', 0, 0, imgWidth, imgHeight);
pdf.save('test.pdf');
});

顺便说一句，如果我根本不使用jsPDF，也会发生同样的情况，html2canvas只接受canvas元素:(

谢谢

Answer 1

你可以看看这个网站，也许可以帮助你解决问题:https://phppot.com/php/converting-html-into-multi-page-pdf-using-javascript-library/