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");
},