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 相关文章推荐
javascript事件问题
Sep 05 Javascript
javascript cookie操作类的实现代码小结附使用方法
Jun 02 Javascript
ie下jquery.getJSON的缓存问题的处理方法
Mar 29 Javascript
javascript对中文按照拼音排序代码
Aug 20 Javascript
jquery动感漂浮导航菜单代码分享
Apr 15 Javascript
JS 动态加载js文件和css文件 同步/异步的两种简单方式
Sep 23 Javascript
js利用clipboardData实现截屏粘贴功能
Oct 12 Javascript
基于vue2.0+vuex+localStorage开发的本地记事本示例
Feb 28 Javascript
PHP7新特性简述
Jun 11 Javascript
JS实现unicode和UTF-8之间的互相转换互转
Jul 05 Javascript
vue 自定义组件 v-model双向绑定、 父子组件同步通信的多种写法
Nov 27 Javascript
jQuery实现ajax的嵌套请求案例分析
Feb 16 jQuery
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
建立文件交换功能的脚本(三)
2006/10/09 PHP
php格式化日期和时间格式化示例分享
2014/02/24 PHP
php输入流php://input使用浅析
2014/09/02 PHP
php数组合并与拆分实例分析
2015/06/12 PHP
CodeIgniter实现从网站抓取图片并自动下载到文件夹里的方法
2015/06/17 PHP
phpinfo()中Loaded Configuration File(none)的解决方法
2017/01/16 PHP
xml文档转换工具,附图表例子(hta)
2010/11/17 Javascript
jQuery插件开发基础简单介绍
2013/01/07 Javascript
JS实现商品倒计时实现代码
2013/05/03 Javascript
理解JAVASCRIPT中hasOwnProperty()的作用
2013/06/05 Javascript
JS测试显示屏分辨率以及屏幕尺寸的方法
2013/11/22 Javascript
table对象中的insertRow与deleteRow使用示例
2014/01/26 Javascript
Nodejs学习笔记之Stream模块
2015/01/13 NodeJs
深入理解JavaScript系列(50):Function模式(下篇)
2015/03/04 Javascript
JQuery实现的图文自动轮播效果插件
2015/06/19 Javascript
jquery验证邮箱格式是否正确实例讲解
2015/11/16 Javascript
JS对HTML表格进行增删改操作
2016/08/22 Javascript
canvas实现环形进度条效果
2017/03/23 Javascript
第一次记录Bootstrap table学习笔记(1)
2017/05/18 Javascript
聊聊那些使用前端Javascript实现的机器学习类库
2017/09/18 Javascript
angular1配合gulp和bower的使用教程
2018/01/19 Javascript
JavaScript 判断iPhone X Series机型的方法
2019/01/28 Javascript
[02:00]DAC2018主宣传片——龙征四海,剑问东方
2018/03/20 DOTA
Python实现遍历数据库并获取key的值
2015/05/17 Python
10分钟教你用python动画演示深度优先算法搜寻逃出迷宫的路径
2019/08/12 Python
Python Gluon参数和模块命名操作教程
2019/12/18 Python
pycharm 实现调试窗口恢复
2021/02/05 Python
一款纯css3实现的响应式导航
2014/10/31 HTML / CSS
周鸿祎:教你写创业计划书
2013/12/30 职场文书
维修工先进事迹
2014/05/29 职场文书
公证处委托书
2015/01/28 职场文书
2015学校六五普法工作总结
2015/04/22 职场文书
宣传部部长竞选稿
2015/11/21 职场文书
一年级下册数学教学反思
2016/02/16 职场文书
nginx容器方式反向代理实战
2022/04/18 Servers
JAVA 线程池(池化技术)的实现原理
2022/04/28 Java/Android