jspdf

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

【jspdf】技术教程文章

一个在浏览器端将html 转为pdf 的js 插件 jsPDF【代码】

<!DOCTYPE html><html><head><title>test</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><script src="https://code.jquery.com/jquery-git.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js"></script></head><body><p class="pdf-wrapper"="to-...

【jsPDF】jsPDF插件实现将html页面转换成PDF,并下载,支持分页【代码】【图】

1、目的:在前段是 jQuery库 或者 VUE库 或者两者混合库,将html 页面和数据 转换成PDF格式并下载,支持分页2、引入类库包:<!-- .pdf文件下载 download --><script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js"></script><script src="https://cdn.bootcss.com/jspdf/1.3.4/jspdf.debug.js"></script> <!-- jQuery 2.2.3 --> <script src="/plugins/jQuery/jquery-2.2.3.min.js"></script>3、需要下载...

javascript – 使用jsPDF生成保留HTML页面样式的pdf【代码】

我正在尝试创建一个按钮,它将开始自动下载页面的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...

javascript – jsPDF无法设置字体系列【代码】

我无法改变字体系列.这是直接关闭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...

如何在Javascript中从服务器上的jsPDF保存PDF文件?【代码】

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...

javascript – 是否可以在不使用JSPDF,Phantom等的情况下将HTML导出为PDF或在AngularJs中生成PDF【代码】

我需要使用AngularJS将任何HTML(例如从div)导出为PDF.我已经google了很多但是我无法找到任何解决方案来在AngularJS中生成PDF而不使用JSPDF,幻像等库. AngularJS中是否有可用于生成PDF的指令或事件?我不是在寻找PDF查看器.我正在寻找PDF生成.解决方法:我知道这是一个老帖子,也许这不是你想要的,但也许它会帮助你(或其他人):var divContent = document.getElementById('yourDiv').innerHTML,printWindow = window.open("", "", "wi...

javascript – 从html导出图像到jsPDF【代码】

我有一个网页,我希望打印一些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 – 来自HTML()的jsPDF不显示HTML【代码】

我正在一个简单的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...

javascript – ChartJS和jsPDF – 为什么背景是黑色的?【代码】

我正在使用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('...

javascript – jsPDF损坏的PDF?【代码】

我正在尝试使用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...