注册    登录
最新消息: 本以为花钱买了那个amh的板面可以让网站更稳定,结果搞得整 个网站运行出错,真是赔了夫人又折兵,对不起大家了。最新版jquery-2.1.1下载  ,在线的 jquery API使用手册, 稳定版jquery.mobile-1.3.2下载

基于jquery与html5 canvas生成pdf插件jsPDF

jQuery插件 fishcity 4340浏览

jquery与html5 canvas生成pdf

jsPDF是基于jqeury与 HTML5 canvas生成pdf文件的强大客户插件,你只需用jsPDF提供的方法封装内容,可以是纯文本、图片,html等内容,最后用下载按钮来触发生成事件,一个pdf文件就这么简单生成了,不得不说这是一个非常强大的插件,jsPDF适合活动门票、报告、证书,等等。 它可在IE6+,Firefox 3 +,Chrome,Safari 3 +,Opera。IE9下正常工作。

使用方法

引入核心文件

<script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
<script src="html2canvas.js"></script> //此文件可不引,但建议引入,便于更好的在现在代浏览器中运行
<script type="text/javascript" src="dist/jspdf.min.js"></script>

创建实例,本处以纯文本为例,其它的实例请参下官方文档或是下载实例来查看。

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.');

注意,如果是用图片生成的话,请先把图片转换为数据格式,方法请度娘下吧。

转载请注明:jQ酷 » 基于jquery与html5 canvas生成pdf插件jsPDF

下载地址:本站下载 | 百度云 | 官方下载
下载说明:
☉如果您发现本文件已经失效不能下载,请联系站长修正!
☉如果您下载的文件出现解压不了或文件受损等情况,请选择其他下载点重新下载。
☉下载本站资源,如果服务器暂不能下载请过一段时间重试!
☉有小部分资源需要解压密码,请输入:jqcool.net。
☉本站提供的所有资源仅供学习研究与参考,请勿用于商业用途。