http://mrrio.github.io/

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

1、文本

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

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、图片

1 2 3 4 5 6 7 8 9

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

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

插件下载：http://www.jq22.com/jquery-info517