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 相关文章推荐
不错的新闻标题颜色效果
Dec 10 Javascript
jquery focus(fn),blur(fn)方法实例代码
Dec 16 Javascript
JQUERY 设置SELECT选中项代码
Feb 07 Javascript
使用jquery实现以post打开新窗口
Mar 19 Javascript
javascript算法题:求任意一个1-9位不重复的N位数在该组合中的大小排列序号
Apr 01 Javascript
鼠标悬停小图标显示大图标
Jan 22 Javascript
详解webpack 多入口配置
Jun 16 Javascript
JS库particles.js创建超炫背景粒子插件(附源码下载)
Sep 13 Javascript
vue webpack实用技巧总结
Apr 24 Javascript
在vue项目中引用Iview的方法
Sep 14 Javascript
JS 音频可视化插件Wavesurfer.js的使用教程
Oct 31 Javascript
ant design实现圈选功能
Dec 17 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
二次元帅气男生排行榜,只想悄悄收藏系列
2020/03/04 日漫
使用php-timeit估计php函数的执行时间
2015/09/06 PHP
PHP简单实现循环链表功能示例
2017/11/10 PHP
JAVASCRIPT 对象的创建与使用
2021/03/09 Javascript
Add Formatted Text to a Word Document
2007/06/15 Javascript
20个非常有用的PHP类库 加速php开发
2010/01/15 Javascript
jQuery 创建Dom元素
2010/05/07 Javascript
实现变速回到顶部的JavaScript代码
2011/05/09 Javascript
addEventListener和attachEvent二者绑定的执行函数中的this不相同
2012/12/09 Javascript
Js,alert出现乱码问题的解决方法
2013/06/19 Javascript
轻松创建nodejs服务器(10):处理上传图片
2014/12/18 NodeJs
对js中回调函数的一些看法
2016/08/29 Javascript
JavaScript函数的4种调用方法实例分析
2019/03/05 Javascript
刷新页面后让控制台的js代码继续执行
2019/09/20 Javascript
vue仿淘宝滑动验证码功能(样式模仿)
2019/12/10 Javascript
JavaScript冒泡算法原理与实现方法深入理解
2020/06/04 Javascript
[00:20]TI9观赛名额抽取Ⅱ
2019/07/24 DOTA
python 定时器,轮询定时器的实例
2019/02/20 Python
numpy.where() 用法详解
2019/05/27 Python
浅谈Python类中的self到底是干啥的
2019/11/11 Python
python 实现多线程下载视频的代码
2019/11/15 Python
Python猴子补丁Monkey Patch用法实例解析
2020/03/23 Python
python退出循环的方法
2020/06/18 Python
python右对齐的实例方法
2020/07/05 Python
Python面向对象实现方法总结
2020/08/12 Python
Spartoo西班牙官网:法国时尚购物网站
2018/03/27 全球购物
现代生活方式的家具和装饰:Dot & Bo
2018/12/26 全球购物
加拿大在线眼镜零售商:SmartBuyGlasses加拿大
2019/05/25 全球购物
如何实现一个自定义类的序列化
2012/05/22 面试题
创新比赛获奖感言
2014/02/13 职场文书
开展创先争优活动总结
2014/08/28 职场文书
社区活动总结
2015/02/04 职场文书
幼儿园辞职信
2015/05/13 职场文书
2015年迎新晚会策划书
2015/07/16 职场文书
父亲节感言
2015/08/03 职场文书
2016年感恩父亲节活动总结
2016/04/01 职场文书