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 常用方法总结
Jun 03 Javascript
jquery autocomplete自动完成插件的的使用方法
Aug 07 Javascript
文本框input聚焦失焦样式实现代码
Oct 12 Javascript
AngularJS基础学习笔记之简单介绍
May 10 Javascript
jQuery插件expander实现图片翻转特效
May 21 Javascript
js实现纯前端的图片预览
Apr 27 Javascript
JavaScript中的prototype原型学习指南
May 09 Javascript
js 函数式编程学习笔记
Mar 25 Javascript
JavaScript表单即时验证 验证不成功不能提交
Aug 31 Javascript
ES6的解构赋值实例详解
May 06 Javascript
微信小程序云开发实现数据添加、查询和分页
May 17 Javascript
详解小程序如何改变onLoad的执行时机
Nov 01 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 MsSql server时遇到的中文编码问题
2009/06/11 PHP
php之CodeIgniter学习笔记
2013/06/17 PHP
php截取html字符串及自动补全html标签的方法
2015/01/15 PHP
ThinkPHP开发框架函数详解:C方法
2015/08/14 PHP
php实现可运算的验证码
2015/11/10 PHP
php外部执行命令函数用法小结
2016/10/11 PHP
PHP yield关键字功能与用法分析
2019/01/03 PHP
Laravel5.4框架使用socialite实现github登录的方法
2019/03/20 PHP
编写跨浏览器的javascript代码必备[js多浏览器兼容写法]
2008/10/29 Javascript
JQuery 国际象棋棋盘 实现代码
2009/06/26 Javascript
js作用域及作用域链概念理解及使用
2013/04/15 Javascript
JS页面延迟执行一些方法(整理)
2013/11/11 Javascript
Javascript学习笔记之相等符号与严格相等符号
2014/11/23 Javascript
巧用jQuery选择器提高写表单效率的方法
2016/08/19 Javascript
微信小程序 POST请求(网络请求)详解及实例代码
2016/11/16 Javascript
bootstrapValidator自定验证方法写法
2016/12/01 Javascript
javascript中this关键字详解
2016/12/12 Javascript
JS使用ActiveXObject实现用户提交表单时屏蔽敏感词功能
2017/06/20 Javascript
原生JS 购物车及购物页面的cookie使用方法
2017/08/21 Javascript
JS实现匀速与减速缓慢运动的动画效果封装示例
2018/08/27 Javascript
JavaScript模拟实现自由落体效果
2018/08/28 Javascript
vue实现的微信机器人聊天功能案例【附源码下载】
2019/02/18 Javascript
vue使用微信扫一扫功能的实现代码
2020/04/11 Javascript
Python中的模块和包概念介绍
2015/04/13 Python
python字符类型的一些方法小结
2016/05/16 Python
Python中对象迭代与反迭代的技巧总结
2016/09/17 Python
CentOS 7下安装Python 3.5并与Python2.7兼容并存详解
2017/07/07 Python
小白入门篇使用Python搭建点击率预估模型
2018/10/12 Python
Python networkx包的实现
2020/02/14 Python
查看jupyter notebook每个单元格运行时间实例
2020/04/22 Python
python如何发送带有附件、正文为HTML的邮件
2021/02/27 Python
数控专业个人求职信范例
2013/11/29 职场文书
中学生期末评语
2014/02/03 职场文书
学校爱国卫生月活动总结
2014/06/25 职场文书
教师年终个人总结
2015/02/11 职场文书
德生BCL3000抢先使用感受和评价
2022/04/07 无线电