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 强制刷新页面的实现代码
Dec 13 Javascript
基于jquery的多彩百分比 动态进度条 投票效果显示效果实现代码
Aug 28 Javascript
jquery获取radio值(单选组radio)
Oct 16 Javascript
Node.js中使用socket创建私聊和公聊聊天室
Nov 19 Javascript
JavaScript中push(),join() 函数 实例详解
Sep 06 Javascript
canvas学习之API整理笔记(二)
Dec 29 Javascript
从零开始做一个pagination分页组件
Mar 15 Javascript
javascript 缓冲运动框架的实现
Sep 29 Javascript
微信小程序swiper组件用法实例分析【附源码下载】
Dec 07 Javascript
Jquery实现无缝向上循环滚动列表的特效
Feb 13 jQuery
js实现上传图片并显示图片名称
Dec 18 Javascript
jQuery冲突问题解决方法
Jan 19 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
php smarty的预保留变量总结
2008/12/04 PHP
php中header设置常见文件类型的content-type
2015/06/23 PHP
php+redis实现商城秒杀功能
2020/11/19 PHP
PHP与Perl之间知识点区别整理
2019/03/19 PHP
Yii框架的布局文件实例分析
2019/09/04 PHP
phpinfo的知识点总结
2019/10/10 PHP
PHP数据源架构模式之表入口模式实例分析
2020/01/23 PHP
JQuery 操作Javascript对象和数组的工具函数小结
2010/01/22 Javascript
jquery的Tooltip插件 qtip使用详细说明
2010/09/08 Javascript
JavaScript lastIndexOf方法入门实例(计算指定字符在字符串中最后一次出现的位置)
2014/10/17 Javascript
JavaScript中的闭包
2016/02/24 Javascript
JS闭包、作用域链、垃圾回收、内存泄露相关知识小结
2016/05/16 Javascript
javascript类型系统_正则表达式RegExp类型详解
2016/06/24 Javascript
chrome下判断点击input上标签还是其余标签的实现方法
2016/09/18 Javascript
javascript 实现文本使用省略号替代(超出固定高度的情况)
2017/02/21 Javascript
vue实现重置表单信息为空的方法
2018/09/29 Javascript
webpack4与babel配合使es6代码可运行于低版本浏览器的方法
2018/10/12 Javascript
微信小程序自定义组件传值 页面和组件相互传数据操作示例
2019/05/05 Javascript
Vue 子组件与数据传递问题及注意事项
2019/07/11 Javascript
详解基于Vue/React项目的移动端适配方案
2019/08/23 Javascript
vue中添加与删除关键字搜索功能
2019/10/12 Javascript
js刷新页面location.reload()用法详解
2019/12/09 Javascript
使用webpack搭建vue环境的教程详解
2019/12/31 Javascript
python编程-将Python程序转化为可执行程序[整理]
2007/04/09 Python
python进阶教程之词典、字典、dict
2014/08/29 Python
python机器学习之神经网络(二)
2017/12/20 Python
利用pyecharts实现地图可视化的例子
2019/08/12 Python
Python数据可视化:顶级绘图库plotly详解
2019/12/07 Python
即时搜索数百万张门票:SeatsForEveryone.com
2018/08/26 全球购物
香港通票:Hong Kong Pass
2019/02/26 全球购物
宾馆总经理岗位职责
2014/02/14 职场文书
初中生期末评语大全
2014/04/24 职场文书
教师职业道德事迹材料
2014/08/18 职场文书
导游词之金鞭溪风景区
2019/09/12 职场文书
年会邀请函的格式及范文五篇
2019/11/02 职场文书
Python中的 No Module named ***问题及解决
2022/07/23 Python