html - 有什么将网页转换为 PDF 的方法？（Node）

问题描述

问 题

需求如题，想请教有什么好的办法可以将网页转换为 PDF 吗？

目前经过调研，我目前发现的方法如下（使用 Node ）：

• 利用 phantom.js 的 render

• phantomjs-node，对 phantom.js 进行了一层封装

这是我尝试的目前效果最好的方法，可以直接自行封装一个脚本，由前端调用 API 后触发。但渲染速度不尽人意，不过也应该有一些优化的空间。

// demo
const phantom = require('phantom');

(async function() {
    const instance = await phantom.create();
    const page = await instance.createPage();

    await page.property('viewportSize', {width: 1024, height: 600});
    const status = await page.open('https://stackoverflow.com/');
    console.log(`Page opened with status [${status}].`);

    await page.render('stackoverflow.pdf');
    console.log(`File created at [./stackoverflow.pdf]`);

    await instance.exit();
}());

• node-webshot

生成网页截屏。但只能是 png、jpg、jpeg 形式，且无法滚屏截图，只能指定图片高度或者按照窗口大小截取（目前没有找到合适的方式）

// demo
var webshot = require('webshot');

webshot('google.com', 'google.png', function(err) {
  // screenshot now saved to google.png
});

• node-html-pdf

暂时还没有尝试，看见在 stackoverflow 上有人推荐，也有人反馈说该库有很奇怪的 bug

• dom-to-image

相对于上面的方法，该库是在前端调用，将一个指定的 DOM 转为 base64 格式的图片，并可以保留其样式。但缺点很明显，由于是前端使用，在 DOM 数目较多时会有明显的卡顿，体验不好。

// demo
domtoimage.toJpeg(document.getElementById('my-node'))
    .then(function (dataUrl) {
        var link = document.createElement('a');
        link.download = 'my-image-name.jpeg';
        link.href = dataUrl;
        link.click();
    });

• stackoverflow 上的讨论 - HTML to PDF with Node.js

  • phantomjs

  • window.print()

  • htmltocanvas 或者 rasterizeHTML，然后 jsPDF

  • node-html-pdf

解决方案

已通过 phantom 实现，速度上也没有很慢

这篇关于html - 有什么将网页转换为 PDF 的方法？（Node）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！