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 相关文章推荐
深入解析contentWindow, contentDocument
Jul 04 Javascript
js+css实现的简单易用兼容好的分页
Dec 30 Javascript
JavaScript制作简单的日历效果
Mar 10 Javascript
浅谈javascript:两种注释,声明变量,定义函数
Oct 05 Javascript
jQuery获取table下某一行某一列的值实现代码
Apr 07 jQuery
vue如何获取点击事件源的方法
Aug 10 Javascript
使用D3.js+Vue实现一个简单的柱形图
Aug 05 Javascript
jsonp跨域及实现百度首页联想功能的方法
Aug 30 Javascript
微信小程序中遇到的iOS兼容性问题小结
Nov 14 Javascript
详解Vue2.0组件的继承与扩展
Nov 23 Javascript
详解关于webpack多入口热加载很慢的原因
Apr 24 Javascript
jQuery Migrate 插件用法实例详解
May 22 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全排列递归算法代码
2012/10/09 PHP
一个漂亮的php验证码类(分享)
2013/08/06 PHP
php中有关合并某一字段键值相同的数组合并的改进
2015/03/10 PHP
WordPress中的shortcode短代码功能使用详解
2016/05/17 PHP
safari下载文件自动加了html后缀问题
2018/11/09 PHP
PHP大文件分块上传功能实例详解
2019/07/22 PHP
discuz论坛更换域名,详细文件修改步骤
2020/12/09 PHP
BOOM vs RR BO3 第二场2.13
2021/03/10 DOTA
JQuery里选择超链接的实现代码
2011/05/22 Javascript
select、radio表单回显功能实现避免使用jquery载入赋值
2013/06/08 Javascript
js中判断对象是否为空的三种实现方法
2013/12/23 Javascript
jQuery中outerWidth()方法用法实例
2015/01/19 Javascript
通过隐藏iframe实现无刷新上传文件操作
2016/03/16 Javascript
AngularJs 延时器、计时器实例代码
2017/09/16 Javascript
基于Vue 2.0 监听文本框内容变化及ref的使用说明介绍
2018/08/24 Javascript
vue实现手机号码的校验实例代码(防抖函数的应用场景)
2019/09/05 Javascript
vue点击页面空白处实现保存功能
2019/11/06 Javascript
解决Vue 刷新页面导航显示高亮位置不对问题
2019/12/25 Javascript
写一个Vue loading 插件
2020/11/09 Javascript
如何在vue中使用kindeditor富文本编辑器
2020/12/19 Vue.js
[46:23]完美世界DOTA2联赛PWL S2 FTD vs Magma 第一场 11.20
2020/11/23 DOTA
详解Python中的__init__和__new__
2014/03/12 Python
Python中的exec、eval使用实例
2014/09/23 Python
在Python的循环体中使用else语句的方法
2015/03/30 Python
只需7行Python代码玩转微信自动聊天
2019/01/27 Python
Python 循环终止语句的三种方法小结
2019/06/24 Python
python设置环境变量的作用和实例
2019/07/09 Python
Python时间序列缺失值的处理方法(日期缺失填充)
2019/08/11 Python
matplotlib 对坐标的控制,加图例注释的操作
2020/04/17 Python
使用CSS3 制作一个material-design 风格登录界面实例
2016/12/12 HTML / CSS
巴西葡萄酒销售网站:Wine.com.br
2017/11/07 全球购物
工厂厂长的职责
2013/12/12 职场文书
经销商会议欢迎词
2014/01/11 职场文书
追悼会子女答谢词
2014/01/28 职场文书
公司职员入党自传书
2015/06/26 职场文书
2016学习依法治国心得体会
2016/01/15 职场文书