由于wkhtmltopdf这个玩意生成pdf兼容性太差了,这也不行那也不行,最终找到了puppeteer,发现它支持单页面的生成pdf,简直不要太完美,但它对于后端python大多是异步的,不知是否最终能用起来,但先用node试试其效果。
const puppeteer = require('puppeteer');
(async () => {
const browser = await puppeteer.launch();
const page = await browser.newPage();
await page.goto('http://localhost:8900/renzhi',{ waitUntil: 'networkidle0' });
// await page.setViewport({'width': 1600, 'height': 2048});
const dimensions = await page.evaluate(() => {
return {
width: document.getElementById("app").scrollWidth + 100,
height: document.getElementById("app").scrollHeight + 100,
deviceScaleFactor: window.devicePixelRatio
};
});
console.log(dimensions,'dimensions')
await page.pdf({
path: 'example3.pdf',
format: 'A4',
printBackground: true,
scale:0.8,
width: dimensions.width,
height: dimensions.height
});
await browser.close();
})();
执行node 文件名之后,信息打印高度是没有问题的,但不管改那个,都只生成了一页的pdf,最后查看页面发现html,body的高度只有可视窗口的高度,而子级才是拥有整个页面的高度,然后对html,body进行设置后得到和子级一样的高度后,再次生成pdf即为完整的pdf,完美。