⑴ 如何用 js 实现在网页里点击按钮 把网页内容另存为pdf格式
直接型隐用js是实现不了的，可以用js调用打印的功能，然后客户端安装了pdf打印（另存卜卜厅pdf）.这个由客户端决弊运定，做网站的人决定不了。
⑵ 前端HTML页面转PDF（html2canvas+jspdf）
utils - htmlToPdf.js
main.js
1、如果在多个页面使用，给函数定义一个参数，参数为要导出页面部分的id。
将 '#pdfDom' 替换为参数即可
2、将导出文件的名称也作为参数传入函数
此种方式也可用于vue，尝试后可行，需要调节部分参数，但毕竟不太合适。
jQuery不需要调节。
https://github.com/zhangshaoliang/downLoadPDF
vue方式
jQuery方式
目前项目使用的是前端加后端方式，前端提供模板，echarts图表的话需要转为base64发送给后台。后台使用iText。目前存在的问题是后台不支持css3语法，只支持到css2，所以复杂的样式页面显示错乱，考虑个别页面使用纯前端实现。
网站导航
⑶ 如何将js代码导出成pdf
1，生成 PDF 这种事情通常由服务器端做
2，浏览器做的话要依赖于插件（ActiveX/Plugin，通常购买第三方的）
3，浏览器预览、打印倒是没问题（要装 PDF viewer，Firefox 自带的 PDF.js 扩展也可以）
4，总结，AngularJS 是浏览器端的，干不来这事儿，也不应该干这事儿，我想你最好换个方向
⑷ js将网页导出成pdf（js 打印指定div内容）2020-09-02
<input type="button" id="button" value="点击打印"/>
<div id="div_print">
<p>打印此处内容</p>
</div>
<script type="text/javascript">
function printdiv(printpage){
var newstr=document.getElementById(printpage).innerHTML;
var oldstr=document.body.innerHTML;
document.body.innerHTML=newstr;
window.print();
document.body.innerHTML=oldstr;
return false;
}
window.onload=function(){
var bt=document.getElementById("button");
bt.onclick=function(){printdiv('div_print');}
}
</script>
html, body{
overflow:visible;
}
打印时另存为pdf模式打印后的内容可复制 默认为Microsoft Print to PDF 模式
⑸ JS实现的将html转为pdf功能【基于浏览器端插件jsPDF】
本文实例讲述了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='http://www.jb51.net/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>
运行效果：
更多关于JavaScript相关内容可查看本站专题：《JavaScript扩展技巧总结》、《JavaScript常用函数技巧汇总》、《javascript面向对象入门教程》、《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
您可能感兴趣的文章:jsPDF导出pdf示例jsPDF生成pdf后在网页展示实例使用jspdf生成pdf报表phonegap教程使用jspdf库在应用中生成pdf文件(pdf生成方法)JS导出PDF插件的方法(支持中文、图片使用路径)js插件方式打开pdf文件(浏览器pdf插件分享)用Javascript检查Adobe
PDF插件是否安装的实现代码纯js实现html转pdf的简单实例(推荐)基于Phantomjs生成PDF的实现方法JavaScript+Java实现HTML页面转为PDF文件保存的方法JavaScript代码生成PDF文件的方法
⑹ jspdf导出图片pdf失败
很多原因的，可能是js 中同洞颤旅源策略所引起的跨域请求图片,所导致的jsPdf读取页面中图片失洞脊败的问题 ，还有图片或pdf格式下载的选项,因此可以以某种方式使用纳凳jspdf还是以某种方式使用jspdf图片又失败，等等原因的，希望可以帮到你。
⑺ 如何利用js或php将html网页转为pdf
首先需要安装wkhtmltopdf这个软件 需要执行shell_exec函数的php文件和安装的wkhtmltopdf.exe可执行文件在同一目录下，不然php找不到这个执行文件
shell_exec("wkhtmltopdf.exe --page-size A4 --outline 网页地址 pdf文件名");
--page-size 以A4纸的尺寸显示pdf内容
--outline 显示目录(网页中h1,h2来定)
网页地址 需要转成pdf的网页地址
pdf文件名 生成pdf的文件名，可以使用绝对路径
⑻ 如何用js生成pdf
1，生成 PDF 这种事情通常由服务器端做
2，浏览器做的话要依赖于插件（ActiveX/Plugin，通常购买第三方的）
3，浏览器预览、打印倒是没问题（要装 PDF viewer，Firefox 自带的 PDF.js 扩展也可以）
4，总结，AngularJS 是浏览器端的，干不来这事儿，也不应该干这事儿，我想你最好换个方向
⑼ 如何利用js或php将html网页转为pdf
网页扰陆此咐链接缓扒顷
⑽ itext怎么将js导出pdf
把html转成PDF：
1.下载HTML2FPDF开源软件，将其放在你的网站根目录文件夹下，比如 /srv/httpd/htdocs/test/；
2.新建1.php文件,1.php中的代码如下：
<?php
require('租胡html2fpdf.php');
弊侍拦$pdf=new HTML2FPDF();
$pdf->AddPage();
//谈正 yourfile.html 你要转化的HTML文件
$yourfile_html = "yourfile.html"
// yourfile.pdf 转化成功后的pdf文件名
$yourfile_pdf = "yourfile.pdf"
$fp = fopen($yourfile_html,"r");
$strContent = fread($fp, filesize($yourfile_html));
fclose($fp);
$pdf->WriteHTML($strContent);
$pdf->Output($yourfile_pdf );
echo "PDF 文件成功生成!";
3.将你要转化的yourfile.html文件也放在test目录下，随后在浏览器中访问1.php文件就可以把html文件转化成PDF文件了，
注意事项： php，yourfile.html和html2fpdf.php都要在同一目录下