html2pdf,qrcode库及url参数拼接-一. html2pdf

时间:2024-04-20 11:33:29

html2pdf 是一个可以将 HTML 内容转换为 PDF 文件的库。它通常用于前端或服务器端,将网页或 HTML 字符串转换为可打印或可分享的 PDF 格式。这对于需要将网页内容保存为 PDF 或者生成报表等场景非常有用。
用法示例

 function downloadQrCode() {
    isPrint.value = true;
    const opt = {
      margin: 0,
      filename: qrName.value + '.pdf',
      image: { type: 'jpeg', quality: 0.98 },
      loadingnvas: {
        scale: 5,
      },
      jsPDF: {
        unit: 'in', // 单位设置为英寸  
        format: 'a1', // 纸张大小设置为 A1  
        orientation: 'landscape' // 页面方向设置为横向 
      },
    };
    new html2pdf()
      .set(opt)
      .from(qrHTMLRef.value)
      .save()
      .finally(() => {
        isPrint.value = false;
      });
  }
  • 使用 html2pdf 插件创建一个新的实例。
  • 使用 .set(opt) 方法设置 PDF 的选项。
  • 使用 .from(qrHTMLRef.value) 方法指定要转换为 PDF 的 HTML 内容。这里假设 qrHTMLRef.value 是一个 HTML 字符串或元素的引用。
  • 使用 .save() 方法保存并下载 PDF 文件。
  • 使用finally方法设定最后执行的逻辑