当前位置：首页 > 软件库 > 程序开发 > PDF工具包 >

jsPDF

JavaScript的PDF库

授权协议 MIT

开发语言 JavaScript

所属分类程序开发、 PDF工具包

软件类型开源软件

地区不详

投递者水铭晨

操作系统跨平台

开源组织无

适用人群未知

软件官网

官方下载

软件概览

jsPDF 是一个使用Javascript语言生成PDF的开源库。你可以在Firefox插件，服务端脚本或是浏览器脚本中使用它。

客户端Safari 和 iPhone Safari 支持得最好,其次是Opera和Windows下的Firefox 3等。IE暂不支持。

示例代码：

var doc = new jsPDF();
doc.text(20, 20, 'Hello world.');
doc.save('Test.pdf');

服务器端可以完美运行。

example of PDF generated in Jaxer.

使用案例

jquery生成pdf插件jsPDF

Have a play. A HTML5 client-side solution for generating PDFs. Perfect for event tickets, reports, certificates, you name it! No servers were used in the making of this demo. Choose example Images /
前端导出pdf文档-jspdf用法

html2canvas + jspdf插件来实现 1，下载安装插件 npm i html2Canvas npm i jspdf 2，新建一个公用文件exportPdf.js /* eslint-disable */ //不使用JQuery版的 import html2canvas from 'html2canvas' import JsPDF from 'jspdf' /** * @para
jspdf打印、pdf打印

先安装然后在你的组件直接调用this.getPdf() 就可以打印具体安装什么请看代码 import就是要安装的安装好之后千万别忘了再main.js也引入哦 import html2Canvas from 'html2canvas' import JsPDF from 'jspdf' const A4pageH = 841.89 const A4pageW = 595.28 expor
jspdf-addhtml

分页 var pdf = new jsPDF('p', 'pt', 'a4'); var options = { pagesplit: true }; pdf.addHTML($(".pdf-wrapper"), options, function() { pdf.save("test.pdf"); }); 递归 function printbypage(pdf
jspdf.js+html2canvas将HTMl导出PDF

jspdf.js+html2canvas将HTMl导出PDF 功能： PDF分页插入页头页尾输出A4格式PDF 支持单页、多页输出效果预览：查看演示PDF demo地址： demo 需要引入JS的文件： <script src="https://unpkg.com/jspdf@1.5.3/dist/jspdf.min.js"></script> <script src="http://htm
jspdf+html2canvas生成pdf

pc项目中有下载pdf的需求，内容是动态变化的，要求分页，加水印效果，各方面综合考虑以后要求前端实现技术要点：jspdf+html2canvas **原理：**利用html2canvas将html转成canvas，再利用canvas.toDataURL生成网路图片，然后用jspdf.addImage将图片画到pdf中 **难点：**图片的高度>一页pdf高度时，利用图片的偏移量来实现分页效果，详
vue + jspdf

vue 页面 <el-button @click="testPdf">导出PDF文件</el-button> <div id="container" > <el-button type="danger">危险按钮</el-button> <span>{{ t1 }}</span> </div> js代码 methods: { testPdf() { // this.d
将html页面生成pdf，js将生成pdf，jsPDF使用方法

jsPDF原理上需要先把需要保存的节点渲染到一个canvas，然后利用这个canvas制作pdf，所以需要引入两个依赖代码文件，下文中我们需要打印class名是right-asides的容器引入依赖脚本 <script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js"></script> <script sr
jsPDF源码

jsPDF-master.zip: 源码链接[6522] (访问密码: 6522)
html使用html2canvas，jspdf转pdf

前端使用html2canvas和jspdf进行html转pdf的,原理大致是先把html渲染出来，然后通过html2canvas进行页面切割，然后把切割好的页面用canvas的形式贴到pdf上，这样就会出现把正常数据切割了，形成不正常的页面，暂时对页眉页脚没有做相应的处理引入html2canvas和jspdf npm i html2canvas --save npm i jspdf --save
使用html2Canvas、JsPDF分页打印(分享)

该应用场景是，是使用luckysheet生成PDF，一共分了四种情况，传值的时候只需要判断，生成html的宽度(需要乘0.75，因为是pt单位做对比)只要大于a4的宽度就需要纵向打印单张纵向a4 单张横向a4 分页纵向a4 分页横向a4 这四种都可以识别 import html2Canvas from 'html2canvas'; import JsPDF from 'jspdf'; /**
JsPDF和html2canvas导出pdf文件

利用插件，转图片，然后到转化为pdf文件! new JsPDF('l', 'pt', 'a4');三个接收三个参数，第一个控制文件是横向还是竖向，该代码是横向导出pdf // 导出页面为PDF格式引入导出pdf相关文件 import html2Canvas from 'html2canvas' import JsPDF from 'jspdf' // 调用导出函数 export const
js生成pdf文件——jsPDF和PDFmake

jsPDF 兼容性 ie10以上、火狐3+、chrome、Safari 3+、 Opera 不支持中文【两种解决办法 1.生成中文的js引入 2、配合html2canvas 把html转换成图片图片会失真】复制代码使用方法掘金上搜去吧复制代码 PDFmake兼容性兼容性 ie10以上、火狐3+、chrome、Safari 3+、 Opera 不支持中文【解决办法 1.生成中文文字的js
使用jspdf插件生成pdf。

html2canvas.js下载链接 https://download.csdn.net/download/qq_27224549/10038984 原理：通过canvas将div截成图片。动态计算分页，然后将图片插入到pdf中。说明：document.conn conn为 <div class="conn"></div> conn就是要打印的div。注意：div中有图片，图片路径要写

jsPDF

同类工具

相关阅读

相关文章

相关问答

相关文档