快捷導(dǎo)航

phonegap教程使用jspdf庫(kù)在應(yīng)用中生成pdf文件(pdf生成方法)

更新時(shí)間：2014年01月11日 09:08:13 作者：

在PhoneGap應(yīng)用中生成pdf文件，實(shí)現(xiàn)起來很簡(jiǎn)單,使用JSPDF這個(gè)標(biāo)準(zhǔn)的JavaScript類庫(kù)來實(shí)現(xiàn)這個(gè)功能

首先在命令行創(chuàng)建一個(gè)PhoneGap工程

phonegap create . "jspdf.sample" "JSPDF App"
phonegap local plugin add org.apache.cordova.file
phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-console.git

然后，下載JSPDF代碼 download the JSPDF project code, 將目標(biāo)碼拷貝到PhoneGap工程目錄下。我放在 www/js下。然后，在main HTML文件中引入該文件。

復(fù)制代碼代碼如下:

我用的是'dist'目錄下未經(jīng)壓縮/最小化的源文件。

接下來我們開始生成PDF文件。下面的代碼片段利用PhoneGap的文件處理 API PhoneGap's File API. 來生成一個(gè)簡(jiǎn)單的PDF文件并保存至設(shè)備的本地。這個(gè)應(yīng)該算是*AFTER* the deviceready事件。
其中console.log只是為了調(diào)試使用：

復(fù)制代碼代碼如下:

//FIRST GENERATE THE PDF DOCUMENT
console.log("generating pdf...");
var doc = new jsPDF();

doc.text(20, 20, 'HELLO!');

doc.setFont("courier");
doc.setFontType("normal");
doc.text(20, 30, 'This is a PDF document generated using JSPDF.');
doc.text(20, 50, 'YES, Inside of PhoneGap!');

var pdfOutput = doc.output();
console.log( pdfOutput );

//NEXT SAVE IT TO THE DEVICE'S LOCAL FILE SYSTEM
console.log("file system...");
window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function(fileSystem) {

   console.log(fileSystem.name);
   console.log(fileSystem.root.name);
   console.log(fileSystem.root.fullPath);

   fileSystem.root.getFile("test.pdf", {create: true}, function(entry) {
      var fileEntry = entry;
      console.log(entry);

      entry.createWriter(function(writer) {
         writer.onwrite = function(evt) {
         console.log("write success");
      };

      console.log("writing to file");
         writer.write( pdfOutput );
      }, function(error) {
         console.log(error);
      });

   }, function(error){
      console.log(error);
   });
},
function(event){
console.log( evt.target.error.code );
});

PDF創(chuàng)建過程其實(shí)很簡(jiǎn)單。只要使用doc.output()獲取到已創(chuàng)建文件的字符串標(biāo)識(shí)就能做相應(yīng)的操作。不論是保存到本地，發(fā)送到服務(wù)器甚至是直接發(fā)送到本地設(shè)備上的PDF閱讀器中。

您可能感興趣的文章: