jsPDF生成pdf后在网页展示实例


Posted in Javascript onJanuary 16, 2014
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=GBK"> 
<title>jsPDF</title> 
<script type="text/javascript" src="jspdf.js"></script> 
<script type="text/javascript"> 
window.onload=function(){ 
var doc = new jsPDF(); 
//var doc = new jsPDF('landscape');//横排 doc.setProperties({//设置文档属性 
title: 'Title', 
subject: 'This is the subject', 
author: 'Dragon', 
keywords: 'javascript, web 2.0, ajax', 
creator: 'MEEE' 
}); 
doc.setTextColor(0,255,0); 
doc.setFontSize(22); 
doc.setFont("times"); 
doc.setFontType("italic"); 
doc.text(20, 20, 'Hello world!');//添加文字 
doc.setTextColor(255,0,0); 
doc.setFontSize(16); 
doc.setFont("helvetica"); 
doc.setFontType("bold"); 
doc.text(20, 30, 'This is client-side Javascript, pumping out a PDF.'); 
doc.addPage();//添加页 
doc.setLineWidth(1);//设置线宽 
doc.setDrawColor(0,255,0);//设置画笔颜色 
doc.setFillColor(255,0,0);//设置填充颜色 
doc.line(60, 20, 115, 60);//画线,两个坐标 
doc.rect(100, 50, 20, 30); //画矩形,左上角坐标,宽度,高度,只有边框 
doc.ellipse(20, 20, 20, 10, 'F');//画椭圆,中心点坐标,宽度,高度,只有边 
doc.circle(120, 20, 20, 'FD');//画圆,中心点坐标,半径,边框和填充都有 
doc.triangle(100, 100, 110, 100, 120, 130, 'FD'); 
//doc.output('datauri');//直接输出为新的web页 
document.getElementById("iframe123").src = doc.output('datauristring');//在iframe中显示 
} 
</script> 
</head> 
<body> 
<iframe id="iframe123" frameborder="0" width="400" height="500"></iframe> 
</body> 
</html>
Javascript 相关文章推荐
阻止JavaScript事件冒泡传递(cancelBubble 、stopPropagation)
May 08 Javascript
Jquery中使用setInterval和setTimeout的方法
Apr 08 Javascript
JavaScript String.replace函数参数实例说明
Jun 06 Javascript
JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果
Oct 14 Javascript
jQuery动画效果实现图片无缝连续滚动
Jan 12 Javascript
JS传递对象数组为参数给后端,后端获取的实例代码
Jun 28 Javascript
Javascript中document.referrer隐藏来源的方法
Jan 16 Javascript
详解本地Node.js服务器作为api服务器的解决办法
Feb 28 Javascript
vue省市区三联动下拉选择组件的实现
Apr 28 Javascript
利用vue开发一个所谓的数独方法实例
Dec 21 Javascript
vue项目中使用bpmn-自定义platter的示例代码
May 11 Javascript
Openlayers学习之加载鹰眼控件
Sep 28 Javascript
在firefox和Chrome下关闭浏览器窗口无效的解决方法
Jan 16 #Javascript
js获取某元素的class里面的css属性值代码
Jan 16 #Javascript
JS可以控制样式的名称写法一览
Jan 16 #Javascript
js仿百度贴吧验证码特效实例代码
Jan 16 #Javascript
js中传递特殊字符(+,&amp;)的方法
Jan 16 #Javascript
利用浏览器全屏api实现js全屏
Jan 16 #Javascript
JQuery文本改变触发事件如聚焦事件、失焦事件
Jan 15 #Javascript
You might like
php下MYSQL limit的优化
2008/01/10 PHP
php strlen mb_strlen计算中英文混排字符串长度
2009/07/10 PHP
dedecms 批量提取第一张图片最为缩略图的代码(文章+软件)
2009/10/29 PHP
浅析memcache启动以及telnet命令详解
2013/06/28 PHP
个人写的PHP验证码生成类分享
2014/08/21 PHP
php验证码生成器
2017/05/24 PHP
PHP树形结构tree类用法示例
2019/02/01 PHP
PHP设计模式之装饰器(装饰者)模式(Decorator)入门与应用详解
2019/12/13 PHP
php实现图片压缩处理
2020/09/09 PHP
JQuery 国际象棋棋盘 实现代码
2009/06/26 Javascript
jQuery中clearQueue()方法用法实例
2014/12/29 Javascript
gulp-htmlmin压缩html的gulp插件实例代码
2016/06/06 Javascript
Javascript类型系统之String字符串类型详解
2016/06/21 Javascript
JS 数字转换为大写金额的简单实例
2016/08/04 Javascript
基于JS实现checkbox全选功能实例代码
2016/10/31 Javascript
jQuery的Ajax接收java返回数据方法
2018/08/11 jQuery
仿vue-cli搭建属于自己的脚手架的方法步骤
2019/04/17 Javascript
jquery实现进度条状态展示
2020/03/26 jQuery
JS寄快递地址智能解析的实现代码
2020/07/16 Javascript
运动检测ViBe算法python实现代码
2018/01/09 Python
Python中if elif else及缩进的使用简述
2018/05/31 Python
Python中py文件转换成exe可执行文件的方法
2019/06/14 Python
python二进制文件的转译详解
2019/07/03 Python
CSS3实现网站商品展示效果图
2020/01/18 HTML / CSS
西班牙灯具网上商店:Lampara.es
2018/06/05 全球购物
中国制造网:Made-in-China.com
2019/10/25 全球购物
拉飞逸官网:Lafayette 148 New York
2020/07/15 全球购物
得到Class的三个过程是什么
2012/08/10 面试题
尽职尽责村干部自我鉴定
2014/01/23 职场文书
校园文化建设方案
2014/02/03 职场文书
实习生评语
2014/04/26 职场文书
领导欢迎词致辞
2015/01/23 职场文书
房地产置业顾问岗位职责
2015/04/11 职场文书
python实现网络五子棋
2021/04/11 Python
Spark SQL 2.4.8 操作 Dataframe的两种方式
2021/10/16 SQL Server
Windows Server 2012 R2服务器安装与配置的完整步骤
2022/07/15 Servers