赞！jsPDF – 基于 HTML5 的强大 PDF 生成工具

　　jsPDF 是一个基于 HTML5 的客户端解决方案，用于生成各种用途的 PDF 文档。使用方法很简单，只要引入 jsPDF 库，然后调用内置的方法就可以了。浏览器兼容性： IE 10, Firefox 3+, Chrome, Safari 3+, Opera，未来将兼容 IE 10 以下版本，对于 IE10 以下的版本会使用 Downloadify 来实现文件下载功能。

您可能感兴趣的相关文章


推荐十个拥有丰富 UI 组件的 JavaScript 开发框架
jQuery Wheel Menu：漂亮的 Path 风格旋转菜单
SlimerJS – Web开发人员可编写 JS 控制的浏览器
Chance – 功能强大的 JavaScript 随机数生成类库
精心挑选的12款优秀 jQuery Ajax 分页插件和教程









插件下载 效果演示


使用示例

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
});

您可能感兴趣的相关文章


Manifesto – HTML5 离线应用程序缓存校验工具
Popline：很特别的浮动 HTML5 文本编辑器工具栏
Bootstrap 3.0 正式发布，更好地支持移动端开发
jQuery Flat Shadow – 轻松实现漂亮的长阴影效果
Superhero：构建大型 JavaScript 应用程序的资源