转换成 PDF

基于canvas的客户端生成方案

方案

image.jpeg

缺点

  • 生产的PDF比较模糊，质量不高
  • 如果HTML中有外链图片，无法生成
  • 由于第一步是通过DOM去生成canvas，所以针对特别长的报告，DOM尚未加载完便点击下载时，会造成报告生成问题
  • 因为是客户端方案，所以需要用户主动触发生成，但对于一些定期发送给用户的报告，该方案无法使用

基于nodejs + puppeteer的服务端生成方案

node服务器通过路由增加一个pdf生成的controller，该controller通过启动puppeteer实例去加载localhost:3000的页面并生成pdf。直接在浏览器中通过http://localhost:7001/pdf即可访问到生成的pdf.
在实际环境中，前端页面可部署在nginx服务器上或者直接放在Node服务器上，puppeteer也支持使用cookie的操作，这样可以避免一些需要身份认证的问题。

转换成 Word