js实现将文本转PDF格式并下载到本地

html里面需要引入jspdf.umd.min.js和FileSaver.js
jspdf.umd.min.js:https://www.npmjs.com/package/jspdf
FileSaver.js:https://download.csdn.net/download/weixin_45791806/87272893?spm=1001.2014.3001.5503
同时项目的根部目录也需要引入SimHei.ttf:https://www.baidu.com/s?wd=SimHei.ttf(百度)
代码使用:

 $('.surplus-btn').click(function () {
     // 调用函数并传入文本内容和页面尺寸
     const textContent = '文本内容';
     convertTextToPDF(textContent);
 });
  /**PDF**/
 convertTextToPDF: function (text) {
      // 创建一个新的 jsPDF 实例
      const { jsPDF } = window.jspdf;
      const doc = new jsPDF();
      // 设置字体为 
      doc.addFont('/SimHei.ttf', 'simhei', 'normal');
      doc.setFont("simhei");
      // 设置字体大小
      doc.setFontSize(12);
      // 将文本分割成适应页面大小的多个段落
      const paragraphs = doc.splitTextToSize(text, doc.internal.pageSize.getWidth() - 20);
   // 将段落逐个添加到 PDF 中
   let y = 10;
   paragraphs.forEach((paragraph) => {
       // 检查当前页面是否还有足够的空间容纳段落
       if (y + 10 > doc.internal.pageSize.getHeight()) {
           // 如果没有足够空间,添加新页面
           doc.addPage();
           y = 10; // 重置 y 坐标
       }
       doc.text(paragraph, 10, y);
       y += 10;
   });
   // 保存 PDF 文件
   doc.save('文档标题' + ".pdf");
},

你可能感兴趣的:(JavaScript,javascript,pdf,开发语言)