html里面需要引入jspdf.umd.min.js和FileSaver.js
jspdf.umd.min.js:
FileSaver.js:=1001.2014.3001.5503
同时项目的根部目录也需要引入f:f(百度)
代码使用:
$('.surplus-btn').click(function () {// 调用函数并传入文本内容和页面尺寸const textContent = '文本内容';convertTextToPDF(textContent);});/**PDF**/convertTextToPDF: function (text) {// 创建一个新的 jsPDF 实例const { jsPDF } = window.jspdf;const doc = new jsPDF();// 设置字体为 doc.addFont('/f', 'simhei', 'normal');doc.setFont("simhei");// 设置字体大小doc.setFontSize(12);// 将文本分割成适应页面大小的多个段落const paragraphs = doc.splitTextToSize(text, doc.Width() - 20);// 将段落逐个添加到 PDF 中let y = 10;paragraphs.forEach((paragraph) => {// 检查当前页面是否还有足够的空间容纳段落if (y + 10 > doc.Height()) {// 如果没有足够空间,添加新页面doc.addPage();y = 10; // 重置 y 坐标}(paragraph, 10, y);y += 10;});// 保存 PDF 文件doc.save('文档标题' + ".pdf");
},
本文发布于:2024-01-29 14:02:58,感谢您对本站的认可!
本文链接:https://www.4u4v.net/it/170650818215794.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
留言与评论(共有 0 条评论) |