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

你可能感兴趣的:(Jquery,jsPDF,HTML转PDF,Html网页PDF预览)