源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

phonegap教程使用jspdf库在应用中生成pdf文件(pdf生成方法)

  • 时间:2021-12-11 11:48 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:phonegap教程使用jspdf库在应用中生成pdf文件(pdf生成方法)
首先在命令行创建一个PhoneGap工程
[url=https://github.com/MrRio/jsPDF/archive/master.zip]download the JSPDF project code[/url], 将目标码拷贝到PhoneGap工程目录下。我放在 www/js下。然后,在main HTML文件中引入该文件。
[u]复制代码[/u] 代码如下:
<script type="text/javascript" src="js/jspdf.source.js"></script>
我用的是'dist'目录下未经压缩/最小化的源文件。 接下来我们开始生成PDF文件。下面的代码片段利用PhoneGap的文件处理 API PhoneGap's File API.  来生成一个简单的PDF文件并保存至设备的本地。这个应该算是*AFTER* the deviceready事件。 其中console.log只是为了调试使用:
[u]复制代码[/u] 代码如下:
//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创建过程其实很简单。只要使用doc.output()获取到已创建文件的字符串标识就能做相应的操作。不论是保存到本地,发送到服务器甚至是直接发送到本地设备上的PDF阅读器中。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部