jsPDF:基于HTML5的强大PDF生成工具

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

插件下载      效果演示

使用示例

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生成工具】相关文章

1. jsPDF:基于HTML5的强大PDF生成工具

2. pdf.js – 利用HTML5技术读取PDF文件

3. PhysicsJS:基于JavaScript的强大的物理引擎

4. 基于 Sass 的强大，可扩展的 CSS 框架

5. 一款管理 CSS 动画的强大的小工具

6. Switch To HTML5：一个基础而实用的模板生成工具

7. 在线HTML5动画Banner生成工具

8. Charted – 自动化的可视化数据生成工具

9. 一款先进的 CSS3 代码生成工具EnjoyCSS

10. 实用的 CSS3 参考手册和代码生成工具

本文来源：https://www.51html5.com/a3397.html