如何实现从html2canvas的截图设置成多页的pdf然后调用window.print()打印出来？

Question

html2canvas的截图设置成多页的pdf然后调用window.print()打印出来？

需求就是需要将页面上展示的所有内容可以转化成pdf，但是由于内容较多，需要按长度分成几页的pdf显示保存，还可以调用window.print()来进行打印

Answer 1

或者可以试试 puppeteer，可以直接将网页保存成 pdf，还有无界面模式，可以在命令行里使用。

参考文档：https://pptr.dev/api/puppetee...

import puppeteer from 'puppeteer';

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();

  await page.goto('https://developers.google.com/web/');
  await page.pdf({
    path: '你想要保存的路径'
  });
  await browser.close();
})();