html2canvas(document.querySelector("#pdf"), { onrendered:function(canvas) { //返回图片URL,参数:图片格式和清晰度(0-1) var pageData = canvas.toDataURL('image/jpeg', 1.0); //方向默认竖直,尺寸ponits,格式a4【595.28,841.89] var pdf = new jsPDF('', 'pt', 'a4'); //需要dataUrl格式 pdf.addImage(pageData, 'JPEG', 0, 0, 595.28, 592.28/canvas.width * canvas.height ); pdf.save('content.pdf'); } })
时间: 2023-07-15 16:14:19 浏览: 145
基于html2canvasjspdf导出更加清晰的图片以及pdf
这段代码是使用 html2canvas 和 jsPDF 库将网页内容转换为 PDF 文件并下载。具体实现步骤如下:
1. 使用 html2canvas 将指定元素(id 为 "pdf" 的元素)的内容转换为 Canvas 对象。
2. 获取 Canvas 对象的数据 URL。
3. 使用 jsPDF 创建一个 PDF 对象,并将 Canvas 对象转换为图片插入到 PDF 对象中。
4. 调用 save 方法将 PDF 文件保存到本地。
需要注意的是,这段代码中的 Canvas 对象大小默认为 A4 纸张大小,如果需要更改大小,可以修改 addImage 方法中的参数。
阅读全文