JS实现的将html转为pdf功能【基于浏览器端插件jsPDF】


Posted in Javascript onFebruary 06, 2018

本文实例讲述了JS实现的将html转为pdf功能。分享给大家供大家参考,具体如下:

<!DOCTYPE html>
<html>
<head>
 <title>jsPDF插件</title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <script src="https://code.jquery.com/jquery-git.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js"></script>
</head>
<body>
 <p class="pdf-wrapper" ="to-pdf">HTML content...<h1>中文</h1>
  中国,汉字,测试:合同 模版 中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国</br>中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国....................<br/>
  中国,汉字,测试:合同 模版 ...................<br/>
   计费 接口 ....................<br/>
  <img src='https://3water.com/images/logo.gif'/>
 </p>
 <script type="text/javascript">
  var pdf = new jsPDF('p','pt','a4');
  pdf.internal.scaleFactor = 1;
  var options = {
    pagesplit: true
  };
  //$('.pdf-wrapper')
  pdf.addHTML(document.body,options,function() {
   pdf.save('web1111.pdf');
  });
 </script>
</body>
</html>

运行效果:

JS实现的将html转为pdf功能【基于浏览器端插件jsPDF】

JS实现的将html转为pdf功能【基于浏览器端插件jsPDF】

更多关于JavaScript相关内容可查看本站专题:《JavaScript扩展技巧总结》、《JavaScript常用函数技巧汇总》、《javascript面向对象入门教程》、《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
Javascript的IE和Firefox兼容性汇编(zz)
Feb 02 Javascript
javascript String 对象
Apr 25 Javascript
jquery实现滑屏大图定时收缩为小banner图片的广告代码
Sep 02 Javascript
在node.js中怎么屏蔽掉favicon.ico的请求
Mar 01 Javascript
Vue学习笔记进阶篇之函数化组件解析
Jul 21 Javascript
node.js+captchapng+jsonwebtoken实现登录验证示例
Aug 17 Javascript
JS实现浏览上传文件的代码
Aug 23 Javascript
vue打包后显示空白正确处理方法
Nov 01 Javascript
angular 组件通信的几种实现方式
Jul 13 Javascript
Vue中div contenteditable 的光标定位方法
Aug 25 Javascript
微信小程序实现的picker多级联动功能示例
May 23 Javascript
详解js中的原型,原型对象,原型链
Jul 16 Javascript
20行JS代码实现粘贴板复制功能
Feb 06 #Javascript
JS中offset和匀速动画详解
Feb 06 #Javascript
Bootstrap实现的表格合并单元格示例
Feb 06 #Javascript
JavaScript实现获取select下拉框中第一个值的方法
Feb 06 #Javascript
AngularJS实时获取并显示密码的方法
Feb 06 #Javascript
详解使用React进行组件库开发
Feb 06 #Javascript
fullpage.js最后一屏滚动方式
Feb 06 #Javascript
You might like
一个用于MySQL的PHP XML类
2006/10/09 PHP
php中判断数组相等的方法以及数组运算符介绍
2015/03/30 PHP
PHP MPDF中文乱码的解决方式
2015/12/08 PHP
简单的自定义php模板引擎
2016/08/26 PHP
Yii2框架中一些折磨人的坑
2019/12/15 PHP
JavaScript 异步调用框架 (Part 6 - 实例 &amp; 模式)
2009/08/04 Javascript
Javascript 键盘keyCode键码值表
2009/12/24 Javascript
javascript 构造函数强制调用经验总结
2012/12/02 Javascript
JS页面延迟执行一些方法(整理)
2013/11/11 Javascript
js onmousewheel事件多次触发问题解决方法
2014/10/17 Javascript
JavaScript中的全局对象介绍
2015/01/01 Javascript
JQuery.validate在ie8下不支持的快速解决方法
2016/05/18 Javascript
jQuery实现可以编辑的表格实例详解【附demo源码下载】
2016/07/09 Javascript
JavaScript轮播停留效果的实现思路
2018/05/24 Javascript
详解@Vue/Cli 3 Invalid Host header 错误解决办法
2019/01/02 Javascript
使用taro开发微信小程序遇到的坑总结
2019/04/08 Javascript
react koa rematch 如何打造一套服务端渲染架子
2019/06/26 Javascript
小程序分页实践之编写可复用分页组件
2019/07/18 Javascript
vue 兄弟组件的信息传递的方法实例详解
2019/08/30 Javascript
JavaScript数值类型知识汇总
2019/11/17 Javascript
vue递归获取父元素的元素实例
2020/08/07 Javascript
vue中重定向redirect:‘/index‘,不显示问题、跳转出错的完美解决
2020/09/28 Javascript
ES6 十大特性简介
2020/12/09 Javascript
Python计算三角函数之asin()方法的使用
2015/05/15 Python
Python基于Floyd算法求解最短路径距离问题实例详解
2018/05/16 Python
python json.dumps中文乱码问题解决
2020/04/01 Python
python logging模块的使用详解
2020/10/23 Python
Html5页面上如何禁止手机虚拟键盘弹出
2020/03/19 HTML / CSS
美国网上眼镜供应商:LEOTONY(眼镜、RX太阳镜和太阳镜)
2017/10/31 全球购物
Vero Moda西班牙官方购物网站:丹麦BESTSELLER旗下知名女装品牌
2018/04/27 全球购物
美国正版电视节目和电影在线观看:Hulu
2018/05/24 全球购物
归元寺导游词
2015/02/06 职场文书
个人自荐书范文
2015/03/09 职场文书
军事博物馆观后感
2015/06/05 职场文书
正能量励志演讲稿三分钟(范文)
2019/07/11 职场文书
springboot为异步任务规划自定义线程池的实现
2022/06/14 Java/Android