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 相关文章推荐
newxtree.js代码
Mar 13 Javascript
jquery HotKeys轻松搞定键盘事件代码
Aug 30 Javascript
JavaScript高级程序设计(第3版)学习笔记2 js基础语法
Oct 11 Javascript
js操作textarea 常用方法总结
Dec 03 Javascript
table行随鼠标移动变色示例
May 07 Javascript
JavaScript编写检测用户所使用的浏览器的代码示例
May 05 Javascript
关于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法
Jun 30 Javascript
react router 4.0以上的路由应用详解
Sep 21 Javascript
AngularJS实现的省市二级联动功能示例【可对选项实现增删】
Oct 26 Javascript
浅析vue-router jquery和params传参(接收参数)$router $route的区别
Aug 03 jQuery
微信小程序数据分析之自定义分析的实现
Aug 17 Javascript
vue同个按钮控制展开和折叠同个事件操作
Jul 29 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
php中mysql连接方式PDO使用详解
2015/02/25 PHP
分享php邮件管理器源码
2016/01/06 PHP
php利用fsockopen GET/POST提交表单及上传文件
2017/05/22 PHP
用php定义一个数组最简单的方法
2019/10/04 PHP
in.js 一个轻量级的JavaScript颗粒化模块加载和依赖关系管理解决方案
2011/07/26 Javascript
js 加密压缩出现bug解决方案
2014/11/25 Javascript
js实现图片上传并正常显示
2015/12/19 Javascript
JavaScript事件类型中焦点、鼠标和滚轮事件详解
2016/01/25 Javascript
AngularJS 使用 UI Router 实现表单向导
2016/01/29 Javascript
微信小程序 简单DEMO布局,逻辑,样式的练习
2016/11/30 Javascript
AngularJS实践之使用ng-repeat中$index的注意点
2016/12/22 Javascript
Vue 仿百度搜索功能实现代码
2017/02/16 Javascript
原生js+cookie实现购物车功能的方法分析
2017/12/21 Javascript
Vue中axios的封装(报错、鉴权、跳转、拦截、提示)
2019/08/20 Javascript
JS实现导航栏楼层特效
2020/01/01 Javascript
[02:30]辉夜杯主赛事第二日胜者组半决赛 CDEC.Y赛后采访
2015/12/26 DOTA
详解Python中内置的NotImplemented类型的用法
2015/03/31 Python
Python实现数据可视化看如何监控你的爬虫状态【推荐】
2018/08/10 Python
HTML5给汉字加拼音收起展开组件的实现代码
2020/04/08 HTML / CSS
Jacadi Paris美国官方网站:法国童装品牌
2017/10/15 全球购物
银行会计业务的个人自我评价
2013/11/02 职场文书
自动化专业个人求职信范文
2013/11/29 职场文书
建筑工程管理专业自荐信范文
2013/12/28 职场文书
高三地理教学反思
2014/01/11 职场文书
领导检查欢迎词
2014/01/14 职场文书
电子商务个人职业生涯规划范文
2014/02/12 职场文书
点菜员岗位职责范本
2014/02/14 职场文书
高级工程师英文求职信
2014/03/19 职场文书
触电现场处置方案
2014/05/14 职场文书
大学生工作求职信
2014/06/23 职场文书
2015年元旦文艺晚会总结(学院)
2014/11/28 职场文书
2014年节能减排工作总结
2014/12/06 职场文书
2015年班长个人工作总结
2015/04/03 职场文书
运动会800米赞词
2015/07/22 职场文书
关于党风廉政建设宣传教育月的活动总结!
2019/08/08 职场文书
关于JavaScript回调函数的深入理解
2021/06/27 Javascript