Tag: jspdf

HTML Tabel呈现为PDF。 Pdf中的内容不是表格格式

在这里，我试图使用一个HTML页面表格内容制作PDF。 对我而言，它在创建PDF和下载方面工作得很好，但问题是我没有得到我在HTML页面中使用的正确表格格式（它在网页中看起来像我在PDF中所需要的那样）。 下面给出我的代码和表结构。 我正在使用HTML表导出jQuery插件 我的HTML代码 Details Time Track user linked user’s User section 08:30 – 09:30 nill 09:30 – 12:00 Inoo smartphones a big hit in world 09:30 – 12:00 user Key smartphones a big hit in world 12:00 – 13:30 User 13:30 – 14:30 T Track T User smartphones a big hit in world […]

JSPDF – addHTML（）多个canvas页面

我注意到已经有一个版本“addHTML（）现在可以将canvas分成多个页面”，可以通过以下链接找到： https ： //github.com/MrRio/jsPDF/releases/tag/v1.0.138 。 我可以知道它是如何工作的吗？ 在我的情况下，我只是在点击“另存为pdf”按钮时尝试了它，它只渲染单个页面而不是多个页面（有时没有工作，我假设因为内容太长而无法生成为pdf） 。 如果这个案例有一些例子，我将不胜感激。 谢谢！ 附上我的代码如下： var pdf = new jsPDF(‘p’, ‘pt’, ‘a4’); pdf.addHTML($(“.pdf-wrapper”), function () { var string = pdf.output(‘datauristring’); pdf.save(“test.pdf”); });

使用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’, 15, 40, 180, 160); }

如何使用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(‘Test.pdf’); } }); }); 它仅在第一页显示图像。 但每当html页面大小更多时，我想剪切图像数据并将其放在PDF格式的两页中。 请帮我解决这个问题。

在服务器上存储生成的PDF文件

使用jsPDF插件，我正在创建一个.pdf文件，并根据按钮点击生成下载。 我想将文件保存到我的服务器而不是启动下载。 因此，当单击按钮时，我希望将文件保存在： /tmp/uploads/pdf/example.pdf 我知道我需要使用Jquery.Ajax将文件发布到服务器。 但是，查看文档，我没有看到任何支持.pdf作为数据类型。 我的代码： $(document).on(“click”, “#PDF”, function () { var table = document.getElementById(“result”); var tbl = window.sessionStorage.getItem(“tbl”); var cols = [], data = []; function html() { var doc = new jsPDF(‘p’, ‘pt’); var res = doc.autoTableHtmlToJson(table, true); doc.autoTable(res.columns, res.data); doc.save( tbl+”.pdf”); } html(); }); 基于此xml文档保存示例，我尝试了以下操作： var pdfDocument = doc.save( tbl+”.pdf”); var […]

无法通过jsPDF从Html div制作PDF

我有这个js代码： var doc = new jsPDF(); $(‘#pdf_new’).click(function(){ var html=$(“.wrap_all”).html(); doc.fromHTML(html,200,200, { ‘width’: 500, }); doc.save(“Test.pdf”); }); 在HTML中我有这样的代码： …. …. 什么都行不通……控制台回到我身边： 无法读取未定义的属性#wrap_odd “ （PS对不起我的英文）

IE9 – 函数错误：’ArrayBuffer’未定义ReferenceError：’ArrayBuffer’未定义

我已经创建了一个下载pdf的应用程序。 pdf基于html表。 应用程序在所有浏览器中都运行良好，但是当我在IE9中运行时，我Error in function : ‘ArrayBuffer’ is undefined ReferenceError: ‘ArrayBuffer’ is undefined遇到Error in function : ‘ArrayBuffer’ is undefined ReferenceError: ‘ArrayBuffer’ is undefined 。 由于IE9是基于HTML5的浏览器，jspdf应该可以工作。 工作演示 function demoFromHTML() { var pdf = new jsPDF(‘p’, ‘pt’, ‘letter’); pdf.cellInitialize(); pdf.setFontSize(10); $.each($(‘#customers tr’), function (i, row) { if ($(row).text().trim().length !== 0) { $.each($(row).find(“td, th”), function (j, cell) { […]

使用jspdf导出PDF而不渲染CSS

我使用jspdf.debug.js从网站导出不同的数据，但有一些问题，我无法让它在导出的PDF中呈现CSS，如果我在页面中有一个图像，我正在导出， PDF返回空白… 有谁知道解决这个问题的方法？ 这是一个jsfiddle，显示它没有渲染CSS 还有我的剧本 $(document).ready(function() { $(‘#export’).click(function(){ var d = new Date().toISOString().slice(0, 19).replace(/-/g, “”), filename = ‘financiar_’ + d + ‘.pdf’, pdf = new jsPDF(‘p’, ‘pt’, ‘letter’), specialElementHandlers = { ‘#editor’: function( element, renderer ) { return true; } }; pdf.fromHTML( $(‘.export’).get(0) // HTML element , 25 // x coord , 25 // y […]