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

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

 

赞!jsPDF – 基于 HTML5 的强大 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 生成工具

编译来源:前端里 ◆ 关注前端开发技术 ◆ 分享网页设计资源

赞 (0) 打赏