jsPDF导出pdf示例


Posted in Javascript onMay 02, 2014

jsPDF貌似不支持中文

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 
<head> 
<title>Downloadify</title> 
<meta http-equiv="content-type" content="text/html;charset=utf-8"> 
<style type="text/css" media="screen"> 
body {background: #fff; width: 500px; margin: 20px auto;} 
input, textarea, p { font-family: 宋体, 黑体; font-size: 12pt;} 
input, textarea { border: solid 1px #aaa; padding: 4px; width: 98%;} 
</style> 
<script type="text/javascript" src="js/swfobject.js"></script> 
<script type="text/javascript" src="js/downloadify.js"></script> 
<script type="text/javascript" src="js/jspdf.js"></script> 
<!-- <script type="text/javascript" src="js/downloadify.min.js"></script> --> 
<script type="text/javascript"> 
window.load=function(){ 
Downloadify.create('downloadify',{ 
filename: function(){ 
return document.getElementById('filename').value; 
}, 
data: function(){ 
var doc = new jsPDF(); 
doc.text(20, 20, document.getElementById('data').value); 
doc.addPage(); 
doc.text(20, 20, document.getElementById('data').value); 
return doc.output(); 
}, 
onComplete: function(){ alert('成功保存文件!'); }, 
onCancel: function(){ alert('您已经取消保存文件'); }, 
onError: function(){ alert('出现错误了'); }, 
swf: 'js/downloadify.swf', 
downloadImage: 'js/download.png', 
width: 100, 
height: 30, 
transparent: true, 
append: false 
}); 
} 
</script> 
</head> 
<body onload="load();"> 
<input type="text" name="filename" value="文件名.pdf" id="filename" /><br /> 
<textarea cols="60" rows="10" name="data" id="data">it seem do not support to Chinese</textarea> 
<p id="downloadify">You must have Flash 10 installed to download this file.</p> 
</body> 
</html>
Javascript 相关文章推荐
Convert Seconds To Hours
Jun 16 Javascript
保证JavaScript和Asp、Php等后端程序间传值编码统一
Apr 17 Javascript
javascript开发中因空格引发的错误
Nov 08 Javascript
Jquery命名冲突解决的五种方案分享
Mar 16 Javascript
Jquery动态更改一张位图的src与Attr的使用
Jul 31 Javascript
教你5分钟学会用requirejs(必看篇)
Jul 25 Javascript
JS实现身份证输入框的输入效果
Aug 21 Javascript
node.js实现上传文件功能
Jul 15 Javascript
vue请求数据的三种方式
Mar 04 Javascript
JS pushlet XMLAdapter适配器用法案例解析
Oct 16 Javascript
聊聊JS ES6中的解构
Apr 29 Javascript
webpack介绍使用配置教程详解webpack介绍和使用
Jun 25 Javascript
ExtJS4利根据登录后不同的角色分配不同的树形菜单
May 02 #Javascript
ExtJS4给Combobox设置列表中的默认值示例
May 02 #Javascript
ExtJS4如何自动生成控制grid的列显示、隐藏的checkbox
May 02 #Javascript
ExtJS4如何给同一个formpanel不同的url
May 02 #Javascript
ExtJS4 表格的嵌套 rowExpander应用
May 02 #Javascript
用json方式实现在 js 中建立一个map
May 02 #Javascript
jquery操作checkbox实现全选和取消全选
May 02 #Javascript
You might like
php中用于检测一个地理IP地址是否可用的代码
2012/02/19 PHP
php生成圆角图片的方法
2015/04/07 PHP
PHP文件下载实例代码浅析
2016/08/17 PHP
PHPExcel 修改已存在Excel的方法
2018/05/03 PHP
JQuery从头学起第二讲
2010/07/04 Javascript
JS实现随机数生成算法示例代码
2013/08/08 Javascript
sails框架的学习指南
2014/12/22 Javascript
jQuery中$.ajax()和$.getJson()同步处理详解
2015/08/12 Javascript
JS弹出窗口插件zDialog简单用法示例
2016/06/12 Javascript
js 判断附件后缀的简单实现方法
2016/10/11 Javascript
Angualrjs 表单验证的两种方式(失去焦点验证和点击提交验证)
2017/05/09 Javascript
Vue filters过滤器的使用方法
2017/07/14 Javascript
Bootstrap Table 搜索框和查询功能
2017/11/30 Javascript
使用npm安装最新版本nodejs
2018/01/18 NodeJs
JS实现的简单下拉框联动功能示例
2018/05/11 Javascript
js replace替换字符串同时替换多个方法
2018/11/27 Javascript
详解基于electron制作一个node压缩图片的桌面应用
2019/01/29 Javascript
如何将百度地图包装成Vue的组件的方法步骤
2019/02/12 Javascript
详解使用uni-app开发微信小程序之登录模块
2019/05/09 Javascript
基于JS实现简单滑块拼图游戏
2019/10/12 Javascript
Pytorch中膨胀卷积的用法详解
2020/01/07 Python
pytorch masked_fill报错的解决
2020/02/18 Python
AUC计算方法与Python实现代码
2020/02/28 Python
使用python-Jenkins批量创建及修改jobs操作
2020/05/12 Python
纯CSS绘制漂亮的圆形图案效果
2014/05/07 HTML / CSS
HTML5轻松实现全屏视频背景的示例
2018/04/23 HTML / CSS
Diamondback自行车:拥有你的冒险
2019/04/22 全球购物
室内设计自我鉴定
2013/10/15 职场文书
房地产员工找工作的自我评价
2013/11/15 职场文书
全民健身日活动方案
2014/01/29 职场文书
工作态度检讨书
2014/02/11 职场文书
棉花姑娘教学反思
2014/02/15 职场文书
励志广播稿300字(5篇)
2014/09/15 职场文书
警察正风肃纪剖析材料
2014/10/16 职场文书
装修公司工程部经理岗位职责
2015/04/09 职场文书
基于PyQt5制作一个群发邮件工具
2022/04/08 Python