vue3 将页面转为pdf

最新推荐文章于 2025-07-01 14:32:24 发布

weixin_45518209

最新推荐文章于 2025-07-01 14:32:24 发布

阅读量383

点赞数

CC 4.0 BY-SA版权

文章标签： pdf

本文链接：https://blog.youkuaiyun.com/weixin_45518209/article/details/134951647

本文介绍了如何在JavaScript中安装html2canvas库，并通过`printOrderCard`函数将HTML内容转换为JPEG质量的PDF文件，保存或下载。作者展示了设置参数和处理输出错误的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

npm install html2canvas jspdf --save

<div id="printBox" ref="printBox"> </div> 
 
import html2pdf from "html2pdf.js";  
const printBox = ref(null)
async function printOrderCard(){
  let opt = {
    margin: 0,
    filename: "22",
    image: { type: "jpeg", quality: 1 },
    html2canvas: { scale: 3, },
    jsPDF: { unit: "in", format: 'a4',orientation: style },
  };
  const node = printBox.value;
  html2pdf().set(opt).from(node).outputPdf().then(function(pdf) {
    

  }).catch((res)=>{
    message.error("页面计算失败")
  });
}