⑴ 如何用 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都要在同一目錄下