jsPDF生成pdf后在网页展示实例
更新时间：2014年01月16日 15:38:45 作者：
本文为大家介绍下jsPDF生成pdf后如何在网页展示，下面有个不错示例，大家可以参考下
复制代码 代码如下:
<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>
相关文章
这篇文章主要总结介绍了Bootstrap table的使用方法，服务器分页、客户端分页的转换，table刷新，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
详解照片瀑布流效果（js，jquery分别实现与知识点总结）
本篇文章主要介绍了照片瀑布流效果，实现图片自动加载的瀑布流效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2017-01-01
这篇文章主要介绍了手机开发必备技巧：javascript及CSS功能代码分享,本文讲解了viewport(可视区域)操作、链接操作、javascript事件等内容,需要的朋友可以参考下2015-05-05
在uni-app中弹窗的用途很常见,比如商品规格选取、广告弹窗等,下面这篇文章主要给大家介绍了关于uniapp微信小程序与H5的弹窗滚动穿透解决方法,需要的朋友可以参考下2023-01-01
自动转向，也叫自动重定向。自动跳转，指当访问用户登陆到某网站时，自动将用户转向其它网页地址的一种技术。转向的网页地址可以是网站内的其它网页，也可以是其它网站。2010-08-08
mint-ui的search组件在键盘显示搜索按钮的实现方法
这篇文章主要介绍了mint-ui的search组件在键盘显示搜索按钮的实现方法,需要的朋友可以参考下2017-10-10
浅谈javascript的call()、apply()、bind()的用法
这篇文章主要为大家详细介绍了javascript的call()、apply()、bind()的用法，探讨JavaScript中函数的一些特殊用法，感兴趣的小伙伴们可以参考一下2016-02-02
这篇文章主要介绍了JavaScript上传文件时不用刷新页面方法，用js+css代码详细介绍了操作过程,需要的朋友可以参考下2017-08-08
因为uniapp官网文档的定位功能,只能提供经纬度,如果要获取当前具体的位置信息,必须要调取官方的地图方法,然后在地图上选点,下面这篇文章主要给大家介绍了关于uniapp微信小程序获取当前定位城市信息的相关资料,需要的朋友可以参考下2022-08-08
这篇文章谈谈JavaScript的隐式类型转换，我们知道在JavaScript中声明变量不需指定类型， 对变量赋值也没有类型检查，同时JavaScript允许隐式类型转换。这些特征说明JavaScript属于弱类型的语言。2016-08-08
最新评论