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 相关文章推荐
Js组件的一些写法
Sep 10 Javascript
解析JavaScript中delete操作符不能删除的对象
Dec 03 Javascript
Document.location.href和.replace的区别示例介绍
Mar 04 Javascript
如何改进javascript代码的性能
Apr 02 Javascript
Javascript aop(面向切面编程)之around(环绕)分析
May 01 Javascript
最实用的JS数组函数整理
Dec 05 Javascript
vue项目中,main.js,App.vue,index.html的调用方法
Sep 20 Javascript
vue基础之事件v-onclick=&quot;函数&quot;用法示例
Mar 11 Javascript
原生js实现html手机端城市列表索引选择城市
Jun 24 Javascript
Vue-cli 移动端布局和动画使用详解
Aug 10 Javascript
npm ci命令的基本使用方法
Sep 20 Javascript
vue使用v-model进行跨组件绑定的基本实现方法
Apr 28 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
PHP中路径问题的解决方案
2006/10/09 PHP
PHP多线程批量采集下载美女图片的实现代码(续)
2013/06/03 PHP
PHP设计模式之观察者模式(Observer)详细介绍和代码实例
2014/04/08 PHP
php5.3后静态绑定用法详解
2016/11/11 PHP
PHP判断一个数组是另一个数组子集的方法详解
2017/07/31 PHP
PHP根据key删除数组中指定的元素
2019/02/28 PHP
laravel框架与其他框架的详细对比
2019/10/23 PHP
jQuery仿Excel表格编辑功能的实现代码
2013/05/01 Javascript
用jquery的方法制作一个简单的导航栏
2014/06/23 Javascript
dreamweaver 8实现Jquery自动提示
2014/12/04 Javascript
详解AngularJS中$filter过滤器使用(自定义过滤器)
2017/02/04 Javascript
Node.js中的require.resolve方法使用简介
2017/04/23 Javascript
使用JavaScript生成罗马字符的实例代码
2018/06/08 Javascript
微信小程序实现点击图片旋转180度并且弹出下拉列表
2018/11/27 Javascript
vuecli项目构建SSR服务端渲染的实现
2020/10/30 Javascript
jQuery实现可以扩展的日历
2020/12/01 jQuery
[02:32]【DOTA2亚洲邀请赛】iceice,梦开始的地方
2017/03/13 DOTA
[01:06:59]完美世界DOTA2联赛PWL S2 Magma vs FTD 第一场 11.29
2020/12/02 DOTA
利用Python的Django框架中的ORM建立查询API
2015/04/20 Python
解读! Python在人工智能中的作用
2017/11/14 Python
Python分支结构(switch)操作简介
2018/01/17 Python
Python流程控制 if else实现解析
2019/09/02 Python
Python 中的 import 机制之实现远程导入模块
2019/10/29 Python
pytorch模型存储的2种实现方法
2020/02/14 Python
利用python绘制数据曲线图的实现
2020/04/09 Python
Django分组聚合查询实例分享
2020/04/29 Python
aws 通过boto3 python脚本打pach的实现方法
2020/05/10 Python
Python 将代码转换为可执行文件脱离python环境运行(步骤详解)
2021/01/25 Python
python 基于pygame实现俄罗斯方块
2021/03/02 Python
H5 canvas实现贪吃蛇小游戏
2017/07/28 HTML / CSS
Lyle & Scott苏格兰金鹰官网:英国皇室御用品牌
2018/05/09 全球购物
简述进程的启动、终止的方式以及如何进行进程的查看
2014/02/20 面试题
马智宇婚礼主持词
2014/03/22 职场文书
小学生新年寄语
2014/04/03 职场文书
公司食堂管理制度
2015/08/05 职场文书
Nginx 502 bad gateway错误解决的九种方案及原因
2022/08/14 Servers