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 1.4 中的Ajax问题
Jan 23 Javascript
基于jquery的超简单上下翻
Apr 20 Javascript
js改变embed标签src值的方法
Apr 10 Javascript
简单的jQuery banner图片轮播实例代码
Mar 04 Javascript
Bootstrap基本插件学习笔记之Tooltip提示工具(18)
Dec 08 Javascript
jQuery网页定位导航特效实现方法
Dec 19 Javascript
JavaScript全屏和退出全屏事件总结(附代码)
Aug 17 Javascript
利用JQUERY实现多个AJAX请求等待的实例
Dec 14 jQuery
微信小程序实现图片上传功能
May 28 Javascript
angularJS1 url中携带参数的获取方法
Oct 09 Javascript
vue使用v-if v-show页面闪烁,div闪现的解决方法
Oct 12 Javascript
JavaScript+HTML实现学生信息管理系统
Apr 20 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
php中删除字符串中最先出现某个字符的实现代码
2013/02/03 PHP
phpmyadmin显示utf8_general_ci中文乱码的问题终级篇
2013/04/08 PHP
PHP+jQuery+Ajax实现用户登录与退出
2015/04/27 PHP
php使用高斯算法实现图片的模糊处理功能示例
2016/11/11 PHP
基于jQuery的一个扩展form序列化到json对象
2010/12/09 Javascript
只需20行代码就可以写出CSS覆盖率测试脚本
2013/04/24 Javascript
一个支持任意尺寸的图片上下左右滑动效果
2014/08/24 Javascript
jQuery功能函数详解
2015/02/01 Javascript
jQuery实现切换页面过渡动画效果
2015/10/29 Javascript
JS实现点击登录弹出窗口同时背景色渐变动画效果
2016/03/25 Javascript
JavaScript简单实现弹出拖拽窗口(一)
2016/06/17 Javascript
用jquery快速解决IE输入框不能输入的问题
2016/10/04 Javascript
jQuery Ajax传值到Servlet出现乱码问题的解决方法
2016/10/09 Javascript
基于rem的移动端响应式适配方案(详解)
2017/07/07 Javascript
JS高级技巧(简洁版)
2018/07/29 Javascript
[02:14]DOTA2英雄基础教程 修补匠
2013/12/23 DOTA
[05:35]DOTA2英雄梦之声_第13期_拉比克
2014/06/21 DOTA
Python切片知识解析
2016/03/06 Python
学习Python3 Dlib19.7进行人脸面部识别
2018/01/24 Python
对python numpy数组中冒号的使用方法详解
2018/04/17 Python
python 去除txt文本中的空格、数字、特定字母等方法
2018/07/24 Python
Python获取浏览器窗口句柄过程解析
2020/07/25 Python
纽约通行卡:The New York Pass(免费游览纽约90多个景点)
2017/07/29 全球购物
比驿:全球酒店比价网
2018/06/20 全球购物
Ashford台湾:以折扣价提供奢华的男女用表款
2019/12/04 全球购物
大学四年个人自我小结
2014/03/05 职场文书
《窗前的气球》教学反思
2014/04/07 职场文书
三好学生先进事迹材料
2014/08/28 职场文书
法院授权委托书格式
2014/09/28 职场文书
财产分割协议书范本
2014/11/03 职场文书
2016年母亲节寄语
2015/12/04 职场文书
Js类的构建与继承案例详解
2021/09/15 Javascript
spring cloud 配置中心客户端启动遇到的问题
2021/09/25 Java/Android
 Python 中 logging 模块使用详情
2022/03/03 Python
十大好看的穿越动漫排名:《瑞克和莫蒂》第一,国漫《有药》在榜
2022/03/18 日漫
pytorch实现加载保存查看checkpoint文件
2022/07/15 Python