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 ajax abort()的使用方法
Oct 28 Javascript
js正则表达式中test,exec,match方法的区别说明
Jan 29 Javascript
JQuery跳出each循环的方法
Apr 16 Javascript
javascript实现unicode与ASCII相互转换的方法
Dec 10 Javascript
轻量级jQuery插件slideBox实现带底栏轮播(焦点图)代码
Mar 28 Javascript
浅谈JS函数定义方式的区别
Oct 30 Javascript
JS实现给json数组动态赋值的方法示例
Mar 19 Javascript
浅谈React + Webpack 构建打包优化
Jan 23 Javascript
vue实现树形菜单效果
Mar 19 Javascript
vue-router动态设置页面title的实例讲解
Aug 30 Javascript
Vue实现日历小插件
Jun 26 Javascript
vue 自定义的组件绑定点击事件
Apr 21 Vue.js
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
推荐文章系统(一)
2006/10/09 PHP
PHP安全配置
2006/12/06 PHP
PHP学习笔记之数组篇
2011/06/28 PHP
MyEclipse常用配置图文教程
2014/09/11 PHP
php获取系统变量方法小结
2015/05/29 PHP
PDO::_construct讲解
2019/01/27 PHP
javascript延时重复执行函数 lLoopRun.js
2007/06/29 Javascript
js 赋值包含单引号双引号问题的解决方法
2014/02/26 Javascript
JQuery动画与特效实例分析
2015/02/02 Javascript
实现隔行换色效果的两种方式【实用】
2016/11/27 Javascript
Bootstrap弹出框modal上层的输入框不能获得焦点问题的解决方法
2016/12/13 Javascript
一篇文章搞定JavaScript类型转换(面试常见)
2017/01/21 Javascript
vue.js树形组件之删除双击增加分支实例代码
2017/02/28 Javascript
JQuery Ajax 异步操作之动态添加节点功能
2017/05/24 jQuery
JavaScript实现短信倒计时60s
2017/10/09 Javascript
vue-mugen-scroll组件实现pc端滚动刷新
2019/08/16 Javascript
JavaScript 斐波那契数列 倒序输出 输出100以内的质数代码实例
2019/09/11 Javascript
vue Tab切换以及缓存页面处理的几种方式
2019/11/05 Javascript
[34:39]Secret vs VG 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
python zip文件 压缩
2008/12/24 Python
Python中集合的内建函数和内建方法学习教程
2015/08/19 Python
python如何制作缩略图
2019/04/30 Python
anaconda如何查看并管理python环境
2019/07/05 Python
Python 继承,重写,super()调用父类方法操作示例
2019/09/29 Python
Python关于拓扑排序知识点讲解
2021/01/04 Python
Hawes & Curtis澳大利亚官网:英国经典服饰品牌
2018/10/29 全球购物
《鸿门宴》教学反思
2014/04/22 职场文书
《秋游》教学反思
2014/04/24 职场文书
市场开发与营销专业求职信范文
2014/05/01 职场文书
班组拓展活动方案
2014/08/14 职场文书
党员干部学习三严三实心得体会
2016/01/05 职场文书
Python实战之用tkinter库做一个鼠标模拟点击器
2021/04/27 Python
Python一行代码实现自动发邮件功能
2021/05/30 Python
Python异常类型以及处理方法汇总
2021/06/05 Python
Python实现灰色关联分析与结果可视化的详细代码
2022/03/25 Python
nginx日志格式分析和修改
2022/04/28 Servers