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 相关文章推荐
用JQuery在网页中实现分隔条功能的代码
Aug 09 Javascript
jquery放大镜效果超漂亮噢
Nov 15 Javascript
js获取某元素的class里面的css属性值代码
Jan 16 Javascript
JsRender实用入门教程
Oct 31 Javascript
JavaScript中的eval()函数使用介绍
Dec 31 Javascript
jquery获得当前html页面源码的方法
Jul 14 Javascript
JS简单获取当前日期时间的方法(如:2017-03-29 11:41:10 星期四)
Mar 29 Javascript
JS+CSS实现下拉刷新/上拉加载插件
Mar 31 Javascript
jQuery表单验证之密码确认
May 22 jQuery
vue.js添加一些触摸事件以及安装fastclick的实例
Aug 28 Javascript
详解Element 指令clickoutside源码分析
Feb 15 Javascript
jQuery实现点击滚动到指定元素上的方法分析
Mar 19 jQuery
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
索尼ICF-SW100收音机评测
2021/03/02 无线电
推荐文章系统(一)
2006/10/09 PHP
php读取excel文件的简单实例
2013/08/26 PHP
php二维数组转成字符串示例
2014/02/17 PHP
PHP的error_reporting错误级别变量对照表
2014/07/08 PHP
PHP5全版本绕过open_basedir读文件脚本漏洞详细介绍
2015/01/20 PHP
php实现随机生成易于记忆的密码
2015/06/19 PHP
javascript下利用arguments实现string.format函数
2010/08/24 Javascript
基于IE下ul li 互相嵌套时的bug,排查,解决过程以及心得介绍
2013/05/07 Javascript
js 自定义个性下拉选择框示例
2013/08/20 Javascript
js 判断一组日期是否是连续的简单实例
2016/07/11 Javascript
简单实现js悬浮导航效果
2017/02/05 Javascript
微信小程序本地缓存数据增删改查实例详解
2017/05/24 Javascript
详解angularJs中关于ng-class的三种使用方式说明
2017/06/02 Javascript
基于 Immutable.js 实现撤销重做功能的实例代码
2018/03/01 Javascript
深入理解js 中async 函数的含义和用法
2018/05/13 Javascript
vue接入腾讯防水墙代码
2019/05/07 Javascript
Python编程中的文件读写及相关的文件对象方法讲解
2016/01/19 Python
Python实现选择排序
2017/06/04 Python
PyQt5 在label显示的图片中绘制矩形的方法
2019/06/17 Python
Python3内置模块random随机方法小结
2019/07/13 Python
python实现在函数中修改变量值的方法
2019/07/16 Python
python 图像处理画一个正弦函数代码实例
2019/09/10 Python
哈工大自然语言处理工具箱之ltp在windows10下的安装使用教程
2020/05/07 Python
Pytorch - TORCH.NN.INIT 参数初始化的操作
2021/02/27 Python
有影响力的人、名人和艺术家的官方商品:Represent
2019/11/26 全球购物
娇韵诗俄罗斯官方网站:Clarins俄罗斯
2020/10/03 全球购物
Farfetch巴西官网:奢侈品牌时尚购物平台
2020/10/19 全球购物
后勤人员自我鉴定
2013/10/20 职场文书
大学生职业生涯规划书模板
2014/01/03 职场文书
大型会议接待方案
2014/03/01 职场文书
经典禁毒标语
2014/06/16 职场文书
霸气队列口号
2014/06/18 职场文书
学校党的群众路线教育实践活动总结材料
2014/10/30 职场文书
质量保证书怎么写
2015/02/27 职场文书
navicat 连接Ubuntu虚拟机的mysql的操作方法
2022/04/02 MySQL