Tag: jspdf

var不受function影响吗？: 我正在尝试使用jsPDF将html转换为pdf。但是，函数内部发生的变量和事物似乎对函数外部的所有内容都是不可见的。这是我的代码： $(document).ready(function() { $(“#runpdf”).click(function(event) { var doc = new jsPDF(); var imageData; html2canvas($(“#page1”), { logging:true, profile:true, allowTaint:true, letterRendering: true, onrendered:function(canvas) { imageData= canvas.toDataURL(“image/jpeg”); doc.addImage(imageData, ‘JPEG’, 0, 0, 200, 200); } }); doc.save(‘test.pdf’); }); }); 在运行它时，会呈现一个空白页面，特别是函数html2canvas中的所有内容实际上都不会影响var doc 。但是，在放上doc.save(‘test.pdf’); 位于函数内部（在doc.addImage() ），它对正在呈现的页面执行正常。但是，我不能这样做，因为我将使用for-each循环在多个页面上多次执行html2canvas函数，然后在最后保存文档。但这不起作用，因为似乎doc.save()需要与其余函数在同一个函数中。我该如何避免这个问题？谢谢编辑：使用计数器和简单的if语句修复问题。 var doc = new jsPDF(“p”, “pt”, “letter”); $(document).ready(function […]

使用基于用户输入的jsPDF库生成动态pdf（修复错误）: 所以，我实际上有这个function。用下面的JS。问题出在提交时，下一页不应反映这些更改，而是仅反映在生成的PDF中。目前正在正确生成PDF，但是第二页或第二个视图（PDF中生成的内容显示在当前）不应该是这种情况，此静态页面应保持原样并且只能在生成的PDF。这实际上是原始问题 – 虽然范围已转换为当前问题提示新问题，但URL可用于示例目的，因为它可能会有所帮助。将自定义HTML内容插入“已检查”项目的复选框容器 texts = { item1: ‘Item Box 1 Content html right here!’, item2: ‘Now its Item Box 2 html content here !’, item3: ‘This is the example html of Item box 4!’, item4: ‘Item box number 5 html content is here!’, } $(“#container”).css(‘background’, ‘#fff’) $(‘.download-pdf’).click(function() { notChecked = […]

Aspx到pdf jsPDF: 我想用jsPDF将我的表单（Sharepoint）转换为pdf，但我有一个问题…… 结果：你能帮助我吗？我的代码： function demoFromHTML() { var pdf = new jsPDF(‘p’, ‘pt’, ‘letter’); // source can be HTML-formatted string, or a reference // to an actual DOM element from which the text will be scraped. source = $(‘.JsPDF tbody’)[0]; // we support special element handlers. Register them with jQuery-style // ID selector for […]

使用jsPDF时如何保留一些格式和段落？: 好的，所以我为健身房创建了一个基本的表格。我希望能够使用jsPDF下载该表。截至目前，我已经能够将表格下载得很好，但是有些东西我无法上class。首先，对于我的生活，我不能在下载的PDF中将表格全宽。我已经阅读了几十篇关于jsPDF的post，没有任何东西可以解决这个问题！其次，每个单元格内的信息在3个不同的p标签中，因此应该在三条不同的线上，但它们将这些线条混杂在一起。第三，我希望细胞保持文本对齐中心。下面的jsFiddle显示我已经得到了，但这最后三个项目真的开始让我烦恼，我已经研究了它没有运气…… http://jsfiddle.net/xzZ7n/695/ function demoFromHTML() { var pdf = new jsPDF(‘p’, ‘pt’, ‘letter’); source = $(‘#editor’)[0]; specialElementHandlers = { // element with id of “bypass” – jQuery style selector ‘#bypassme’: function (element, renderer) { // true = “handled elsewhere, bypass text extraction” return true } }; margins = { […]

显示突出显示的文本或任何表行为空的问题: 当用户单击导出按钮时，我正在使用jsPDF API将数据导出到PDF。当存在突出显示的文本时生成PDF时，或者任何表行中没有值时，我将遇到问题。生成的PDF中未显示突出显示的文本颜色，如果表中包含任何空白值，则表格未在生成的PDF中正确显示。请在线演示https://plnkr.co/edit/GfXDGHWNHh2Mb89In7zK?p=preview 演示： var app = angular.module(“app”, []); app.controller(“myController”, [“$scope”, function($scope) { $scope.export = function() { // var pdf = new jsPDF(‘landscape’); var pdf = new jsPDF(‘p’,’pt’,’a4′); var pdfName = ‘test.pdf’; //var options = {pagesplit: true,’width’: 550}; var options = { pagesplit: true,’width’: 500 }; var $divs = $(‘.myDivClass’) var totalDiv = […]

如何减少JSPDF创建的文件大小？: 我正在使用jspdf.js从HTML 5canvas创建pdf。但是，无论内容是什么以及canvas大小有多大，生成的文件大小始终为32,874 KB，即使canvas完全为空。为什么文件大小始终相同？ jsPDF版本是1.1.135。我的代码是这样的： var imgData = canvas.toDataURL(“image/jpeg”, 1.0); var width = $(“canvas”).attr(‘width’); var height = $(“canvas”).attr(‘height’); var pdf = new jsPDF(‘p’, ‘pt’, [width,height]); pdf.addImage(imgData, ‘JPEG’, 0, 0, width, height); pdf.save(“download.pdf”); 更新：完整代码： $scope.rasterizePDF = function() { if (!fabric.Canvas.supports(‘toDataURL’)) { alert(‘This browser doesn\’t provide means to serialize canvas to an image’); } else […]

不允许将顶部框架导航到数据URL：JsPDF: try { var a; var b = new jsPDF(“p”, “pt”, “a3”); var c = document.getElementById(“leftPieCanvas”).toDataURL(“image/png”); b.addImage(c, “PNG”, 265, 60); a = document.getElementById(“rightPieCanvas”).toDataURL(“image/png”); b.addImage(a, “PNG”, 205, 440); if ($(“#sales_table”).length) { var d = tableToJson($(“#sales_table”).get(0)); b.setFont(“helvetica”); b.setFontType(“bold”); b.setFontSize(9); $.each(d, function(a, c) { $.each(c, function(c, d) { b.cell(40, 830, 55, 20, d, a); }); }); } b.output(“dataurlnewwindow”); } […]

jsPDF – 我需要帮助将pdf嵌入到网页中: 我正在使用jsPDF创建一个将在网页上显示的pdf，但我似乎无法正确嵌入它。如果我输入doc.output(‘dataurl’); pdf会加载doc.output(‘dataurl’); 但它加载到一个新窗口（我知道这是它应该做的）。我创建了一个使用对象标签来保存pdf的div，它确实加载了一个pdf文件，但它不会加载jsPDF。我想要做的是制作一个嵌入式pdf，就像它们的主页上那样， https：//parall.ax/products/jspdf 。我需要添加什么代码才能将其加载到对象标记中？它必须是可能的，因为它们具有工作版本。 ps如果有快捷方式，我正在使用JQuery。谢谢您的帮助。编辑：好的新问题。所以我添加了这个：$（’＃ID’）。attr（“src”，doc.output（“dataurlstring”））; 它有效，但它会产生一个新问题。它并不总是加载。有时它加载得很好，有时它会加载div但不加载iframe或内容。没有任何错误，我的所有console.log（）行都会运行。我怎样才能解决这个问题？

使用JSPdf生成将整个html页面导出为pdf: 我已经将这些js文件添加到我的aspx页面。但我仍然无法获取我的表格数据的pdf文件。生成的pdf是blank.i需要所有表数据到生成的pdf。请问如果有人知道怎么做？ //这是我的aspx表或div内容： Project : Total Number of Employee : Total Number of Hours : //下面是我的Javascript按钮onclick代码： $(‘#btnSavePdf’).click(function () { var doc = new jsPDF(‘p’, ‘in’, ‘letter’); var source = $(‘#divReport’).html(); var specialElementHandlers = { ‘#bypassme’: function (element, renderer) { return true; } }; doc.fromHTML( source, // HTML string or DOM elem ref. 0.5, // […]

doc.save（）用jspdf抛出错误: 当我尝试为jsPDF使用save（）函数时，它抛出以下错误： ReferenceError：未定义saveAs 我只想尝试一个非常简单的例子： var doc = new jsPDF(); doc.text(20, 20, ‘Hello world!’); doc.text(20, 30, ‘This is client-side Javascript, pumping out a PDF.’); doc.addPage(); doc.text(20, 20, ‘Do you like that?’); doc.save(‘test.pdf’); 任何人都有任何想法有什么不对？