我正在使用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;下面...
有什么方法可以解决这个问题吗?我试图以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...
能告诉我如何在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:...
我正在尝试使用jsPDF使用JavaScript创建PDF文件.我有一个小测试页面.基本上我有一个下载PDF按钮,从跨度中获取base64图像并将其用于imgData.然后我尝试将图像数据添加到pdf然后保存.一切似乎都有效,它会生成PDF并提示下载.但是,当我尝试使用xpdf或Foxit阅读器查看PDF时,我被告知PDF已损坏.我是否错误地创建了此PDF?我的网页很长,所以我把它放在Pastebin上.<html> <head> <meta http-equiv="Content-Type" content="text/html; char...
我正在使用jsPDF库生成PDF文件.一切都还可以,但在页面我的图表有白色背景(PDF格式 – 黑色): 我的网页上的图表: 从PDF: 我生成文件的代码:var newCanvas = document.querySelector('#canvasChart');var newCanvasImg = newCanvas.toDataURL("image/jpeg", 1.0);var doc = new jsPDF('landscape');doc.setFontSize(20);doc.text(15, 15, "Super Cool Chart");doc.addImage(newCanvasImg, 'JPEG', 10, 10, 280, 150 );doc.save('...
我有一个网页,我希望打印一些HTML.为此,我使用html2canvas和jsPDF. 我遇到的问题是它不会打印HTML中显示的图像. 我的HTML和CSS看起来如下(complete code in fiddle):.handsomeHtml {background: red; }.crazyFrog {background: url('http://e-cdn-images.deezer.com/images/artist/01eb92fc47bb8fb09adea9f763bb1c50/500x500.jpg');width: 500px;height: 500px; }<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canva...
我正在一个简单的JavaScript工作.即时通讯使用jsPDF lib,但脚本加载一个空白的pdf. 这是代码:<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><title>fromHTML EX</title><meta http-equiv="content-type" content="text/html;charset=utf-8" /><meta name="generator" content="Geany 1.22" /><script type="text/javascript" src="/root/utils/jquery-1.11.2.min.js"></script><script type="text/j...
我需要使用AngularJS将任何HTML(例如从div)导出为PDF.我已经google了很多但是我无法找到任何解决方案来在AngularJS中生成PDF而不使用JSPDF,幻像等库. AngularJS中是否有可用于生成PDF的指令或事件?我不是在寻找PDF查看器.我正在寻找PDF生成.解决方法:我知道这是一个老帖子,也许这不是你想要的,但也许它会帮助你(或其他人):var divContent = document.getElementById('yourDiv').innerHTML,printWindow = window.open("", "", "wi...
我无法改变字体系列.这是直接关闭jsPDF website:var doc = new jsPDF();doc.text(20, 20, 'This is the default font.');doc.setFont("courier"); doc.setFontType("normal"); doc.text(20, 30, 'This is courier normal.');doc.setFont("times"); doc.setFontType("italic"); doc.text(20, 40, 'This is times italic.');doc.setFont("helvetica"); doc.setFontType("bold"); doc.text(20, 50, 'This is helvetica bold.');doc.s...
var doc = new jsPDF(); $('#generatereport').click(function() {doc.fromHTML($('#lppresults')[0], 15, 15, {width: 170}, function() {doc.save('sample-file.pdf');}); }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.4/jspdf.min.js"></script> <div class="survey-results" id="lpp...
我正在尝试创建一个按钮,它将开始自动下载页面的PDF,因为它看起来与sass样式.然而,我尝试的一切都以造型混乱而告终. 这是页面(这是一个有几种不同内容类型的测试站点)但PDF看起来像这样:我正在拉jspdf.debug.js并在我的页面中有以下HTML按钮脚本:<div id="bypass"> <!-- keeps button from showing in PDF --><button id="pdf-new" style="margin: 50px;"><a href="javascript:demoFromHTML()" class="button" style="color: bla...