jsPDF + html2canvas,生成PDF,获取base64后转file

本文介绍了如何在JavaScript项目中利用jsPDF和html2canvas库生成PDF文件,并进一步将生成的PDF以base64格式转换为file,以便上传到附件服务器。
摘要由CSDN通过智能技术生成

项目需要生成PDF,转为file上传到附件服务器,东拼西凑了下面的方法

JavaScript
/**
 * @param html { String } DOM树
 * @param isOne { Boolean }  是否为单页 默认 否(false)
 * @return 文件 {pdf格式}
 */    
setPrint(html,isOne) {
      
      let html = document.getElementById("doa_print_pdf_content");
      let contentWidth = html.clientWidth; // 获得该容器的宽
      let contentHeight = html.clientHeight; // 获得该容器的高
      let canvas = document.createElement("canvas");
      let scale = 1; // 解决清晰度问题,先放大 2倍

      canvas.width = contentWidth * scale; // 将画布宽&&高放大两倍
      canvas.height = contentHeight * scale;
      canvas.getContext("2d").scale(scale, scale);

      let opts = {
        scale: scale,
        canvas: canvas,
        width: contentWidth,
        height: contentHeight,
        useCORS: true,
      };

      return this.$html2canvas(html, opts).then((canvas) => {
        let pageData = canvas.
  • 4
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值