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(百度)
代码使用:文章来源地址https://www.toymoban.com/news/detail-654740.html
$('.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");
},
文章来源:https://www.toymoban.com/news/detail-654740.html
到了这里,关于js实现将文本转PDF格式并下载到本地的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!