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网页关闭时提醒效果脚本
Oct 22 Javascript
JQuery从头学起第二讲
Jul 04 Javascript
js中将URL中的参数提取出来作为对象的实现代码
Aug 16 Javascript
jQuery怎么解析Json字符串(Json格式/Json对象)
Aug 09 Javascript
vue2笔记 — vue-router路由懒加载的实现
Mar 03 Javascript
JS一个简单的注册页面实例
Sep 05 Javascript
vue中引用阿里字体图标的方法
Feb 10 Javascript
详解angular路由高亮之RouterLinkActive
Apr 28 Javascript
vee-validate vue 2.0自定义表单验证的实例
Aug 28 Javascript
JavaScript使用prototype原型实现的封装继承多态示例
Aug 31 Javascript
javascript实现智能手环时间显示
Sep 18 Javascript
解决ant Design中Select设置initialValue时的大坑
Oct 29 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水印
2007/03/16 PHP
php class类的用法详细总结
2013/10/17 PHP
kmock javascript 单元测试代码
2011/02/06 Javascript
html+javascript实现可拖动可提交的弹出层对话框效果
2013/08/05 Javascript
javascript 3d 逐侦产品展示(核心精简)
2014/03/26 Javascript
jquery 表格排序、实时搜索表格内容(附图)
2014/05/19 Javascript
浅谈jquery.fn.extend与jquery.extend区别
2015/07/13 Javascript
js表单处理中单选、多选、选择框值的获取及表单的序列化
2016/03/08 Javascript
轻松掌握jQuery中wrap()与unwrap()函数的用法
2016/05/24 Javascript
Js遍历键值对形式对象或Map形式的方法
2016/08/08 Javascript
基于百度地图实现产品销售的单位位置查看功能设计与实现
2016/10/21 Javascript
js获取指定字符前/后的字符串简单实例
2016/10/27 Javascript
nodejs个人博客开发第一步 准备工作
2017/04/12 NodeJs
Angularjs实现上传图片预览功能
2017/09/01 Javascript
JavaScript Canvas实现验证码
2020/08/02 Javascript
angular6根据environments配置文件更改开发所需要的环境的方法
2019/03/06 Javascript
Vue 实例事件简单示例
2019/09/19 Javascript
JS实现扫码枪扫描二维码功能
2020/01/03 Javascript
JavaScript进制转换实现方法解析
2020/01/18 Javascript
JavaScript实现省市区三级联动
2020/02/13 Javascript
python连接sql server乱码的解决方法
2013/01/28 Python
python实现读取excel写入mysql的小工具详解
2017/11/20 Python
python 移动图片到另外一个文件夹的实例
2019/01/10 Python
wxPython+Matplotlib绘制折线图表
2019/11/19 Python
在notepad++中实现直接运行python代码
2019/12/18 Python
使用tensorflow显示pb模型的所有网络结点方式
2020/01/23 Python
Python如何实现在字符串里嵌入双引号或者单引号
2020/03/02 Python
python数据处理——对pandas进行数据变频或插值实例
2020/04/22 Python
python开发入门——set的使用
2020/09/03 Python
美国最受欢迎的度假租赁网站:VRBO
2016/08/02 全球购物
加大码胸罩、内裤和服装:Just My Size
2019/03/21 全球购物
运动会标语
2014/06/21 职场文书
博士生导师推荐信
2014/07/08 职场文书
2014年招商工作总结
2014/11/22 职场文书
2015年中秋寄语
2015/07/31 职场文书
Axios代理配置及封装响应拦截处理方式
2022/04/07 Vue.js