草庐IT

jspdf-autotable

全部标签

javascript - 使用 JsPDF 将 Canvas 转换为 Pdf

我正在尝试将canvas转换为pdf,但我得到的结果是干净的白色pdf这是代码,我无法弄清楚我错过了什么..functionHtmlToImage(){html2canvas(document.body,{onrendered:function(canvas){varimg=canvas.toDataURL("image/jpeg,1.0");varpdf=newjsPDF();pdf.addImage(img,'JPEG',0,0);pdf.output('datauri');}});} 最佳答案 试试这个:varpdf=newj

javascript - 如何使用 jsPDF 和 HTML2Canvas 从网站获取多页 pdf?

我有一个脚本,它使用HTML2Canvas对页面内的div进行截图,然后使用jsPDF将其转换为pdf。问题是生成的pdf只有一页,而在某些情况下屏幕截图需要一页以上。例如,屏幕截图大于8.5x11。宽度很好,但我需要它来创建多个页面以适合整个屏幕截图。这是我的脚本:varpdf=newjsPDF('portrait','pt','letter');$('.export').click(function(){pdf.addHTML($('.profile-expand')[0],function(){pdf.save('bfc-schedule.pdf');});});有什么想法可以修

javascript - jsPDF 对齐文本

我正在尝试对jsPDF应用一些更改能够调整文本的库。我无法找到Tw(字间距)的正确值。在jspdf.js(L:1413)我添加了这段代码:if(align){...elseif(align==='justify'){left=x;}else{thrownewError('Unrecognizedalignmentoption,use"center"or"right".');}prevX=x;text='('+da[0];letpdfPageWidth=this.internal.pageSize.width;letwordSpacing;if(align==='justify'){le

javascript - 使用 jspdf 和 Vue.js 生成 pdf

我是Vue.js的新手,我正在尝试生成PDF,但我不知道该怎么做。这是我的:import*asjsPDFfrom"jspdf"exportdefault{props:['id'],methods:{pdf(){constdoc=newjsPDF()}}}错误:Propertyormethod"pdf"isnotdefinedontheinstancebutreferencedduringrender 最佳答案 首先将PDF库导入为:importjsPDFfrom'jspdf'然后简单地实例化对象并给它内容:methods:{crea

javascript - 使用 jspdf 创建的 PDF 文件太大

我正在使用jspdf在浏览器中创建PDF。我有多个图表将svg作为图表数据。为了将数据添加到pdf,我使用canvas将svg转换为png,然后使用canvas.toDataURL方法将Base64数据转换。毕竟jspdf创建的文件的这种转换大小是巨大的(大约50MB)。以下是图表数据和Canvas的div代码。newdiv=document.createElement("div");newdiv.className="big_Con_graphbig_Con_graph0";newdiv.style.height="0px";newdiv.id="big_Con_graph"+id;

javascript - jsPDF 不适用于 Chrome,仅适用于 Firefox 和 Safari

我正在尝试使用jsPDF将应用程序导出为PDF。浏览网页后,在这里抓取一行代码,在那里抓取一个部分-我已经设法让它工作了......有点。它适用于Firefox和Safari,但不适用于Chrome。使用的JS文件(来自jsPDF)。也许矫枉过正。与Jquery一起。我使用的代码是这样的:functiondemoFromHTML(){$('#listAreaPDF').css("display","block");varpdf=newjsPDF('p','pt','letter');//sourcecanbeHTML-formattedstring,orareference//toan

javascript - 使用二进制数据通过 AJAX 从 jsPDF 上传 PDF

我正在尝试将使用jsPDF在前端javascript上生成的PDF传递到SpringFrameworkMVC后端。下面是我写的前端代码:varfilename="thefile";varconstructURL='/daas-rest-services/dashboard/pdfPrintUpload/'+filename;varurl=restService.getUrl(constructURL);varfileBytes=btoa(pdf.output());$http.post(url,fileBytes).success(function(data){console.log(

前端生成pdf之html2canvas+jsPDF,以及解决图片不显示bug

前端如何生成pdf开发背景:需要给页面中相应的内容生成pdf,查找文档后发现要用到两个插件。html2canvas以及jsPDFhtml2canvas给dom结构转化为canvas,然后生成各种类型图片jsPDF把canvas生成的图片url转化为pdf//插入图片pdf.addImage(image,format,x,y,width,height,alias,compression,rotation)//保存为pdfpdf.save("example.pdf");参数image:表示要插入的图片资源,可以是图片文件的路径或者base64编码字符串。format:表示要插入的图片格式,包括:‘

如何使用JSPDF设置vieverPreference

默认值似乎适合Windows宽度并启用滚动,我想将其设置为:将一页拟合到Windows。我到处都在看官方文件但是我可以找到一个线索。看答案vardoc=newjsPDF()doc.text('Thisisatest',10,10)doc.viewerPreferences({'FitWindow':true},true)doc.save("viewerPreferences.pdf")//Exampleprinting10copies,usingcropbox,andhidingUI.doc.viewerPreferences({'HideWindowUI':true,'PrintArea':

Html转PDF,前端JS实现Html页面导出PDF(html2canvas+jspdf)

Html转PDF,前端JS实现Html页面导出PDF(html2canvas+jspdf)文章目录Html转PDF,前端JS实现Html页面导出PDF(html2canvas+jspdf)一、背景介绍二、疑问三、所使用技术html2canvas+jspdf四、展示开始1、效果展示2、代码部分3、参数说明3.1、html2canvas常用参数3.2、jsPDF常用参数五、常见问题一、背景介绍​当我们在不想改变后端代码的同时想是纯html页面导出PDF,那么(html2canvas+jspdf)就是无疑最好的选择,导出时它不占用我们服务器的资源,而是由用户本地自行执行js文件下载PDF,不占用我们