jspdf

以下是为您整理出来关于【jspdf】合集内容,如果觉得还不错,请帮忙转发推荐。

【jspdf】技术教程文章

javascript – 使用jspdf以pdf格式添加图像【代码】

我正在使用jspdf将图像转换为PDF. 我已使用base64encode将图像转换为URI.但问题是控制台中没有显示错误或警告. 生成带有文本Hello World的PDF但不添加任何图像. 这是我的代码.function convert(){var doc = new jsPDF();var imgData = 'data:image/jpeg;base64,'+ Base64.encode('Koala.jpeg');console.log(imgData);doc.setFontSize(40);doc.text(30, 20, 'Hello world!');doc.output('datauri');doc.addImage(imgData, 'JPEG', 1...

javascript – 使用jspdf创建的pdf文件太大【代码】

我正在使用jspdf在浏览器中创建PDF.我有多个图表有svg作为图表数据.为了向pdf添加数据,我使用canvas将svg转换为png,然后使用canvas.toDataURL方法将Base64 Data转换为p64.在所有这些转换之后,jspdf创建的文件大小很大(大约50 MB).下面是图表数据和画布div的代码.newdiv = document.createElement("div"); newdiv.className = "big_Con_graph big_Con_graph0"; newdiv.style.height = "0px"; newdiv.id = "big_Con_graph" + id;下面...

javascript – 如何在jsPDF中使用addHTML函数【代码】

能告诉我如何在jsPDF库中使用addHTML函数吗?我试图将网页转换为pdf.想要使用addHTML函数.让我知道需要传递哪些参数才能将整个网页转换为带有标题,徽标,正文等的pdf解决方法:首先,您必须包括jsPDF库,以及html2canvas或rasterizeHTML. 然后,只需创建一个jsPDF对象并将整个’body’标记(或其他)保存为pdf:var pdf = new jsPDF('p','pt','a4'); pdf.addHTML(document.body,function() {pdf.save('web.pdf'); }); <script src="https:...

javascript – 如何使用jsPDF设置图像以适合页面的宽度?【代码】

有什么方法可以解决这个问题吗?我试图以mm为单位设置宽度和高度.如何将其设置为全宽?解决方法:你可以得到如下PDF文档的宽度和高度,var doc = new jsPDF("p", "mm", "a4");var width = doc.internal.pageSize.getWidth(); var height = doc.internal.pageSize.getHeight();然后,您可以使用此图像的宽度和高度来适合整个PDF文档.var imgData = 'data:image/jpeg;base64,/9j/4AAQSkZJ......';doc.addImage(imgData, 'JPEG', 0, 0, w...

javascript – 如何使用jsPDF在PDF中以两页显示图像?【代码】

我有一个HTML页面.我有一个按钮,当我单击此按钮时,它将使用html2canvas将整个html页面转换为数据图像,并使用jsPDF库将其放入PDF.我正在使用的javascript是$("#printButton").click(function(){ html2canvas([document.getElementById('form1')], {onrendered: function (canvas) {var imageData = canvas.toDataURL('image/jpeg',1.0); var doc = new jsPDF('landscape');doc.addImage(imageData,'JPEG',5,20,200,150);doc.save('T...

javascript – JSPDF – 如何将具有各种页面大小(高度和宽度)的多个图像导出到单个pdf文件【代码】

我有多个不同大小(高度和宽度)的图像需要使用jspdf转换为PDF,但我无法使用addPage()函数来做到这一点.是否可以将具有不同页面大小的图像导出为单个pdf?解决方法:我实际上能够使用addPage([imgWidth, imgHeight])添加具有不同图像大小的多个页面,除了第一页,其由新的jsPDF(‘l’,’pt’,’a4′)定义. 可以使用.deletePage(1)删除空白的第一页.如果愿意,您还可以在第一页添加一些文本.<script src="https://cdnjs.cloudflare.com/aj...

javascript-在基于phonegap的应用上使用jspdf生成客户端pdf【代码】

我尝试从本地数据生成pdf. 我在ArrayBuffer()和Uint8Array对象上遇到了问题.解决方案是添加我在互联网上找到的js实现. 现在这行有一个错误: E / Web控制台(21515):未捕获的TypeError:文件:///android_asset/www/libs/jspdf.js:973上的非法构造函数 这是一行: blob =新的Blob([array],{type:“ application / pdf”}); 我添加了BlobBuilder.js和Blob.js(就像jspdf示例中一样). 总的来说,用jspdf可以做到吗? (我发现jspdf有很...

javascript-是否可以将自定义Google网络字体与jsPDF一起使用【代码】

我正在使用jsPDF(https://parall.ax/products/jspdf,https://github.com/MrRio/jsPDF)在Web应用程序中生成动态PDF. 它运作良好,但我想弄清楚是否有可能在生成的PDF中使用Google网络字体. 我已经找到了许多与此问题相关的链接(包括关于SO的其他问题),但是大多数链接都已过时,并且似乎没有确定的链接,因此我希望有人阐明这是否/如何工作. 到目前为止,这是我尝试过的尝试,但没有成功: 首先,加载字体,并将其缓存为base64编码的字符串:...

javascript-在所有浏览器中打印使用jsPDF创建的pdf【代码】

因此,我已经动态创建了一个pdf,现在我想打印它:var doc = new jsPDF(); var name = "Doe, John" doc.setFontType("normal"); doc.setFontSize(12); doc.text(20,20,'Name: '+ name);//do something that prints the pdf...因此,我该如何使用此doc变量并进行打印.我发现的其他任何地方都使用pdf的网址.我需要首先为其创建一个URL吗? 因此,我当前正在使用的解决方案是在新的标签页/窗口中显示pdf,从中可以打印pdf.window.open(doc....

javascript-无法使用jspdf和chartjs向画布添加背景色【代码】

我正在使用jspdf插件将条形图导出为pdf.图表上的条形为白色,因此当我导出为pdf(作为png图像)时,这些条在pdf的透明背景上不可见.我在容器上添加了灰色背景色,以使白色条清晰可见.当我将图形导出为pdf时,它仍显示透明背景而不是灰色.有人可以告诉我我在想什么吗? javascript:$(document).ready(function(){$('#hyppdf').click(function(){var canvasImg = document.getElementById("myChart").toDataURL("image/png", 1.0);var...