js将二进制流转成pdf

在JavaScript中，将二进制数据转换为PDF文件通常涉及到使用第三方库，因为浏览器原生并不支持直接操作PDF。一个常见的做法是利用像html2canvas、jspdf-golden-layout等工具配合axios或fetch等HTTP库来完成这个过程。

1. html2canvas：它是一个用于将HTML内容转换为canvas元素，然后可以将canvas的内容导出为image或其他格式，包括PDF。首先需要安装html2canvas库，然后编写代码捕获网页内容，生成canvas，再通过canvas的toDataURL方法获取二进制数据，最后转换为PDF。

const html2canvas = require('html2canvas');
// ...

html2canvas(document.getElementById('content')).then(canvas => {
  const imgData = canvas.toDataURL('image/png');
  // 使用pdfmake库将base64的png转为pdf
  convertBase64ToPDF(imgData);
});

function convertBase64ToPDF(dataURL) {
  const pdfMake = require('pdfmake/build/pdfmake.js');
  const pdfFonts = require('pdfmake/build/vfs_fonts.js');
  pdfFonts.register();

  const docDefinition = {
    content: [
      { text: 'Generated PDF', style: 'normal' }
    ],
    pageSize: 'A4',
    margin: { top: 0, right: 0, bottom: 0, left: 0 },
  };

  pdfMake.createPdf(docDefinition).download('output.pdf', dataURL);
}

2. jspdf-golden-layout：这是一个更专业的PDF生成库，它可以处理复杂的布局和文本格式。同样先将HTML转为canvas，然后转化为pdf对象，最后保存为PDF文件。

注意：在实际项目中，可能会遇到跨域问题，需要后端配合提供服务器代理，或者使用file-saver等库直接下载PDF到本地，而不是直接下载到浏览器。