js把html輸出pdf文件_js 如何把html轉成PDF

❶ vue中實現html頁面導出word和pdf的辦法

1.使用預先寫好的與html相似的word文檔模板，將用戶輸入的數據與讀取出來的模板結合生成指定名稱的docx文件
vue+elementUI導出數據為word文檔
2.使用Jquery插件和file-save來生成word文檔
vue 前端導出word、excel、pdf

1.使用html2canvas和jsPDF來生成pdf文件
html2canvas生成截圖後，用JsPDF轉為pdf文件
上面有，這是運用插件截圖可能會產生的問題的解決方案
2.調用瀏覽器的列印方法生成pdf文件
vue 項目導出pdf兩種方式

❷ 如何利用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的文屬件名，可以使用絕對路徑

❸ html的頁面怎麼轉換成pdf

方法步驟如下：

1、首先打開計算機，在計算搭兆機內將PDF文件保存在所建立的文件夾中或者桌面上，此過程中我們需要藉助PDF在線轉換器，在網路搜索框里搜索關鍵詞「PDF在線轉換器」進入在線轉換器首頁。

❹ html文件怎麼轉換成pdf文件

把網頁轉成pdf方法如下：

操作設備：ThinkPad E14。

設備系統：Windows 7。

操作軟體：2345瀏覽器10.16。

1、首先打開網頁，在空白處右擊。

❺ js 如何把html轉成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文件了，
注意事項：1.php，yourfile.html和html2fpdf.php都要在同一目錄下

❻ 如何利用js或php將html網頁轉為pdf

php方法：
首先下載一個TCPDF插件。（直接網路「tcpdf」，官網貌似沒法訪問了，下面有個sourceforge的可以使用）
然後通過以下步驟即可完成：
1、require_once導入tcpdf.php文件及相關配置信息；
2、實例化TCPDF；
3、設置PDF文檔的格式，包括文檔信息、頁眉、頁尾、字體、外間距、圖片邊框、分頁等；
4、導入PDF文檔的內容，可以是單行或多行簡單字元串，也可以HTML格式的字元串等；
5、輸出PDF文檔。
以下是demo：

require_once('tcpdf.php');
//實例化
$pdf = new TCPDF('P', 'mm', 'A4', true, 'UTF-8', false);

// 設置文檔信息
$pdf->SetCreator('BaiDuZhiDao'); //創建者
$pdf->SetAuthor('AldenC'); //作者
$pdf->SetTitle('Hello World!'); //標題
$pdf->SetSubject('TCPDF Tutorial'); //set subject
$pdf->SetKeywords('TCPDF, PDF, PHP'); //關鍵詞

// 設置頁眉和頁腳信息
$pdf->SetHeaderData('logo.png', 30, '.com', 'html轉pdf範例',
array(0,64,255), array(0,64,128));
$pdf->setFooterData(array(0,64,0), array(0,64,128));

// 設置頁眉和頁腳字體
$pdf->setHeaderFont(Array('stsongstdlight', '', '10'));
$pdf->setFooterFont(Array('helvetica', '', '8'));

// 設置默認等寬字體
$pdf->SetDefaultMonospacedFont('courier');

// 設置間距
$pdf->SetMargins(15, 27, 15);
$pdf->SetHeaderMargin(5);
$pdf->SetFooterMargin(10);

// 設置分頁
$pdf->SetAutoPageBreak(TRUE, 25);

// set image scale factor
$pdf->setImageScale(1.25);

// set default font subsetting mode
$pdf->setFontSubsetting(true);

//設置字體
$pdf->SetFont('stsongstdlight', '', 14);

$pdf->AddPage();

$str1 = 'html轉換成pdf的工具，tcpdf~';

$pdf->Write(0,$str1,'', 0, 'L', true, 0, false, false, 0);

//輸出PDF
$pdf->Output('t.pdf', 'I');

❼ 如何將html文件轉成pdf 在線轉換

可以藉助電腦自帶的列印功能來將其保存為PDF格式的文件。使用電腦自帶的瀏覽器將該文件打開，然後點擊列印按鈕，在出現的選項中點擊另存為PDF格式文件即可。具體的操作方法如下：

1、在電腦上找到一個HTML文件，點擊右鍵，選擇需要的使用的瀏覽器打開。

❽ 如何使用js將html轉換為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文件了，
注意事項：1.php，yourfile.html和html2fpdf.php都要在同一目錄下

❾ 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文件的方法

導航:首頁 > 編程語言 > js把html輸出pdf文件

js把html輸出pdf文件

與js把html輸出pdf文件相關的資料

友情鏈接