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 相关文章推荐
jquery 学习之二 属性(类)
Nov 25 Javascript
JavaScript中使用构造器创建对象无需new的情况说明
Mar 01 Javascript
js中indexof的用法详细解析
Dec 24 Javascript
Javascript浮点数乘积运算出现多位小数的解决方法
Feb 17 Javascript
jQuery的cookie插件实现保存用户登陆信息
Apr 15 Javascript
JS数组去掉重复数据只保留一条的实现代码
Aug 11 Javascript
20行JS代码实现网页刮刮乐效果
Jun 23 Javascript
Angular项目中$scope.$apply()方法的使用详解
Jul 26 Javascript
Vue 与 Vuex 的第一次接触遇到的坑
Aug 16 Javascript
解决element-ui中下拉菜单子选项click事件不触发的问题
Aug 22 Javascript
使用Javascript简单计算器
Nov 17 Javascript
Vue 事件的$event参数=事件的值案例
Jan 29 Vue.js
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
《魔兽争霸3:重制版》翻车了?你想要的我们都没有
2019/11/07 魔兽争霸
MySql中正则表达式的使用方法描述
2008/07/30 PHP
php获取从百度搜索进入网站的关键词的详细代码
2014/01/08 PHP
php获取随机数组列表的方法
2014/11/13 PHP
php使用cookie实现记住登录状态
2015/04/27 PHP
PHP递归遍历指定文件夹内的文件实现方法
2016/11/15 PHP
CakePHP框架Session设置方法分析
2017/02/23 PHP
php中通用的excel导出方法实例
2017/12/30 PHP
javascript appendChild,innerHTML,join性能比较代码
2009/08/29 Javascript
js自定义方法通过隐藏iframe实现文件下载
2013/02/21 Javascript
JavaScript中输出标签的方法
2014/08/27 Javascript
javascript面向对象之定义成员方法实例分析
2015/01/13 Javascript
javascript多行字符串的简单实现方式
2015/05/04 Javascript
DEDECMS如何为文章添加HOT NEW标志图片
2015/08/14 Javascript
jQuery bt气泡实现悬停显示及移开隐藏功能的方法
2016/07/12 Javascript
bootstrap轮播模板使用方法详解
2017/11/17 Javascript
富文本编辑器vue2-editor实现全屏功能
2019/05/26 Javascript
vue中destroyed方法的使用说明
2020/07/21 Javascript
Python导入oracle数据的方法
2015/07/10 Python
python并发2之使用asyncio处理并发
2017/12/21 Python
Visual Studio code 配置Python开发环境
2020/09/11 Python
英国最大的独立玩具专卖店:The Entertainer
2019/09/06 全球购物
什么是动态端口(Dynamic Ports)?动态端口的范围是多少?
2014/12/12 面试题
MYSQL相比于其他数据库有哪些特点
2013/07/19 面试题
护理专业应届毕业生推荐信
2013/11/15 职场文书
学前教育学生自荐信范文
2013/12/31 职场文书
大学生演讲稿范文
2014/01/11 职场文书
理工学院学生自我鉴定
2014/02/23 职场文书
优秀大学生职业生涯规划书
2014/02/27 职场文书
工程质量承诺书范文
2014/03/27 职场文书
2014年街道办事处工作总结
2014/12/11 职场文书
家长评语怎么写
2014/12/30 职场文书
2015年语文教学工作总结
2015/05/25 职场文书
宣传稿格式范文
2015/07/23 职场文书
党员学习中国梦心得体会
2016/01/05 职场文书
关于党风廉政建设宣传教育月的活动总结!
2019/08/08 职场文书