草庐IT

html - Jspdf addHTML pagesplit 选项正在拉伸(stretch)页面

我已经尝试了互联网上的所有方法,这是我最后一次尝试确定这是否可行。我正在处理的是一个长而动态的html,我必须将它转换为多页pdf。我尝试了addhtml和addImage方法,但没有得到想要的结果。addhtml:当我使用pagesplit选项时,它会拉伸(stretch)所有页面。我也尝试在选项中提供宽度和高度,但它停止显示。addimage:这仅在1页上显示图像,也没有将图像拆分为2页的选项。我想补充的另一件事是我的html也可以具有动态宽度和高度。注意:我使用的是jspdf和html2canvas库 最佳答案 检查这个问题:

javascript - 使用 jsPDF 生成保留 HTML 页面样式的 pdf

我正在尝试创建一个按钮,该按钮将开始自动下载具有sass样式的页面的PDF。然而,我尝试的一切都以样式困惑告终。这是页面(这是一个具有多种不同内容类型的测试站点)但是PDF看起来像这样:我正在拉取jspdf.debug.js并在我的页面中包含以下HTML按钮+脚本:GeneratePDFfunctiondemoFromHTML(){varpdf=newjsPDF('p','pt','letter');//sourcecanbeHTML-formattedstring,orareference//toanactualDOMelementfromwhichthetextwillbescra

javascript - 如何在 jspdf 上应用样式/布局

你好,我是第一次使用jsPDF,我发现它是一个很好的pdf生成器,因为它速度很快而且不占用服务器的CPU,但是我很难在上面添加一些样式,即使是简单的文本对齐也不起作用?谁能帮我解决这个问题,或者给我一些操作技巧?任何评论/答案/建议将不胜感激。这是我的代码。{{HTML::script("js/jspdf/js/jquery/jquery-1.7.1.min.js")}}{{HTML::script("js/jspdf/js/jquery/jquery-ui-1.8.17.custom.min.js")}}{{HTML::script("js/jspdf/js/libs/polyfil

html - 图像不使用 jsPDF 在 PDF 上呈现?

我包含了以下文件:我只是在测试它是否可以通过html渲染图像:vardoc=newjsPDF();varelementHandler={'#ignorePDF':function(element,renderer){returntrue;}};varsource='';doc.fromHTML(source,15,15,{'width':180,'elementHandlers':elementHandler});doc.output("dataurlnewwindow");它在控制台上抛出这个错误:jsPDFWarning:renderingissues?provideacallba

javascript - HTML5 Canvas ,使用 jspdf.js 将 Canvas 转换为 PDF

我正在尝试使用JavaScript将HTML5canvas转换为PDF,但我得到的是黑色背景的PDF。我试图改变背景颜色,但仍然变黑。以下是我正在尝试的代码:Canvas=document.getElementById("chart");Context=Canvas.getContext("2d");varimgData=Canvas.toDataURL('image/jpeg');varpdf=newjsPDF('landscape');pdf.addImage(imgData,'JPEG',0,0,1350,750);pdf.save('download.pdf');如果您有任何想

javascript - 如何在jsPDF中换行?

我下载了jspdf1.2.60从我的html表中生成包含文本的pdf。其中一列包含用户输入的注释,因此可能会非常大,因为页面正在运行文本。在搜索中我找到了this然而varsplitTitle=doc.splitTextToSize(reportTitle,180);在api中不再可用。(我查看了jspdf.js文件)。我该如何解决这个问题?任何想法都会受到赞赏。 最佳答案 下面的代码将对您的问题有用。它将完美地满足您的要求。varlMargin=15;//leftmargininmmvarrMargin=15;//rightmar

javascript - 如何在 jsPDF 库中启用 UTF-8

我很高兴使用jsPDF库,它可以帮助我将HTML页面导出为PDF文件。我遇到了一些困难。我从http://parall.ax/products/jspdf/下载了库.当我在pdf中使用š、ć(UTF-8)等字符时,它们看起来像是错误。即使我通过doc.text插入。在图书馆的网站上,当我使用他们的示例并使用其中一些字符更改文本时-它有效。所以它应该与UTF-8一起工作。为什么它不能在我的电脑上运行。我给你我的代码。这里只缺少lib(可以从网站下载),你会看到我的问题。为什么CSS在pdf中消失了?testing.htmlTESTINGJSPDFLIBfunctionredirect()

javascript - 如何在 jspdf.js 中设置导出表格的字体大小?

我正在使用jspdf.debug.js从html页面导出pdf数据。这是我正在使用的Controller的功能。我制作了一个字符串作为我要导出的html表。$scope.exportReport=function(fileName,fileType){objReport.count=0;//forgettingallrecordsReportService.getSaleDetail(objReport).then(function(result){varstrTable="DateOrderIdProductGorssPriceCurrencyOrderStatusAssignedT

javascript - 如何使用html2canvas和jspdf以正确和简单的方式导出为pdf

我目前正在开发一个学校管理软件,通常需要导出包含数据表和div标签的html内容。我已经尝试了所有可能的方法来编写能够以良好方式导出我的html数据的代码,最好使用css。在这里检查了一些问题和答案后,我尝试使用spdf,但没有成功。它一直在破坏我的表格对齐方式,然后我阅读了有关html2canvas的内容,但是用jspdf实现它是我的问题,如果div标签,我想捕获内容使用html2canvas然后将Canvas发送到jspdf以将Canvas导出为pdf。下面是我的代码:这是js代码varpdf=newjsPDF('p','pt','letter');pdf.addHTML($('#

jquery - 如何使用Jspdf将Html Tables数据导出为PDF

如何将HTML页面中的表格导出为PDF。我已经完成了一些示例数据,但我无法将HTML表格列表加载到PDF中,请任何人帮助我将表格加载到PDF中。html2canvasexample$(document).ready(function(){varspecialElementHandlers={'#editor':function(element,renderer){returntrue;}};$('#cmd').click(function(){vardoc=newjsPDF();doc.fromHTML($('#target').html(),15,15,{'width':170,'e