jsPDF – 基于 HTML5 的强大 PDF 生成工具
来源:互联网 发布:淘宝哪家蜂蜜是真的 编辑:程序博客网 时间:2024/06/04 18:27
jsPDF 是一个基于 HTML5 的客户端解决方案,用于生成各种用途的 PDF 文档。
使用方法很简单,只要引入 jsPDF 库,然后调用内置的方法就可以了。
米扑科技项目用到了HHTML5生成PDF,原文详见米扑博客:
jsPDF – 基于 HTML5 的强大 PDF 生成工具
浏览器兼容性:
IE 10, Firefox 3+, Chrome, Safari 3+, Opera,未来将兼容 IE 10 以下版本,对于 IE10 以下的版本会使用 Downloadify 来实现文件下载功能。
支持文件格式:
文本,数字,图形,图片,同时你可以自由的编辑标题或者其它类型元素。
曾经生成PDF都是服务器端代码的专利,在今天的这篇文章中,我们将介绍一个JavaScript类库 - jsPDF,使用它能够帮助你使用前端脚本生成PDF文件,是不是很棒,试试吧!
支持互动的内容制作,例如,你可以输入文字或者数字,然后jsPDF帮助生成最后的PDF内容。
支持现代浏览器,如果是老式浏览器的话,可以很好的使用flash来实现兼容。不过貌似支持Firefox不是很好,如果要查看演示,使用Chrome吧!
官网地址:http://jspdf.com https://parall.ax/products/jspdf
下载地址:https://github.com/MrRio/jsPDF
jquery生成pdf插件jsPDF
示例网址: http://www.jq22.com/jquery-info517
示例演示: http://www.jq22.com/yanshi517
在客户端JavaScript生成PDF文件。
创建您的第一个文档
看examples/basic.html例子。
var
doc =
new
jsPDF();
doc.text(20, 20,
'Hello world.'
);
doc.save(
'Test.pdf'
);
使用示例
1、文本
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.setFont(
"courier"
);
doc.setFontType(
"bolditalic"
);
doc.text(20, 60,
'This is courier bolditalic.'
);
2、图片
// You'll need to make your image into a Data URL
// Use http://dataurl.net/#dataurlmaker
var
imgData = 'data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/4ge....../2Q==
';
var doc = new jsPDF();
doc.setFontSize(40);
doc.text(35, 25, "Octonyan loves jsPDF");
doc.addImage(imgData, '
JPEG', 15, 40, 180, 180);
3、HTML
var
doc =
new
jsPDF();
// We'll make our own renderer to skip this editor
var
specialElementHandlers = {
'
#editor': function(element, renderer){
return
true
;
}
};
// All units are in the set measurement for the document
// This can be changed to "pt" (points), "mm" (Default), "cm", "in"
doc.fromHTML($('
#render_me').get(0), 15, 15, {
'width
': 170,
'
elementHandlers': specialElementHandlers
});
- jsPDF – 基于 HTML5 的强大 PDF 生成工具
- 使用javascript生成PDF的类库 – jsPDF
- 使用javascript生成PDF的类库 – jsPDF
- jsPDF,生成pdf文件的助手
- jquery生成pdf插件jsPDF
- 使用jspdf插件生成pdf。
- 使用javascript生成PDF的类库 - jsPDF
- jsPDF生成pdf后在网页展示
- jsPDF生成pdf后在网页展示 .
- 用jspdf实现html5页面下载成pdf文件
- jsPDF生成pdf后在网页展示实例
- 用jspdf实现页面下载生成pdf文件
- 【解决】jsPDF之长图片生成PDF(分页,失真)
- jsPDF导出pdf
- 强大的代码生成工具MyGeneration
- 强大的代码生成工具MyGeneration
- Sandcastle----强大的C#文档生成工具
- 强大的代码生成工具MyGeneration
- Orleans安装
- javaweb实现即时消息推送功能
- leetcode 344. Reverse String
- Orleans介绍
- 来腾讯云开发者实验室 学习.NET Core 2.0
- jsPDF – 基于 HTML5 的强大 PDF 生成工具
- 使用消息队列实现分布式事务-公认较为理想的分布式事务解决方案(三)
- 打开VT-x/VT-d功能
- Romberg(龙贝格求积)
- centos7 安装teamviewer 报错libQt5WebKitWidgets.so.5()(64bit)
- IntelliJ Idea 2017 免费激活方法
- RabbitMQ之消息确认机制(事务+Confirm)
- CES 之后与你见面,中美自动驾驶技术全明星阵容 | 早鸟票倒计时
- 一次 PyTorch 的踩坑经历,以及如何避免梯度成为NaN