生成pdf文件并打成压缩包下载 jsPDF JSZip

项目场景:

前台在线生成多个pdf文件,并打成zip包下载


解决方案:

pdf文件使用jsPDF生成,压缩包用JSZip生成,但是前者生成的pdf怎么添加到后者的zip中研究了一段时间,最终方案如下:

import JSZip from "jszip";
import {jsPDF} from "jspdf";

···

downloadZip(){
     let zip = new JSZip();

     zip.file("Hello.txt", "Hello World\n");

     const doc = new jsPDF('p', 'pt'); // 获取实例
     // 设置中文字体
     doc.setFont('simfang');
     const pageWidth = doc.getPageWidth(); // A4纸:595.28
     const x1 = (pageWidth - doc.getTextWidth("Hello World")) / 2;
     doc.text(x1, doc.lastAutoTable.finalY+30 || 40, "Hello World"); // x坐标,y坐标,文字
     // 直接保存pdf文件
     // doc.save("Hello.pdf");

     // pdf添加到zip中
     var datauri = doc.output('dataurlstring');
     var base64 = datauri.substring(28);
     zip.file("Hello.pdf", base64, {base64: true});

     let content = zip.generate({type:"blob"})
     saveAs(content, "download.zip");

 }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值