pdfjs教程_JS實現的將html轉為pdf功能【基於瀏覽器端插件jsPDF】

Ⅰ 《javaScript基礎教程（第9版）》pdf下載在線閱讀，求百度網盤雲資源

《JavaScript基礎教程（第9版）》（[美] Dori Smith）電子書網盤下載免費在線閱讀

資源鏈接：

鏈接：

提取碼：8ghp

書名：JavaScript基礎教程（第9版）

作者：[美] Dori Smith

譯者：陳劍甌

出版社：人民郵電出版社

出版年份：2015-3

頁數：404

內容簡介：本書是經典的JavaScript入門書，以易學便查、圖文並茂、循序漸進和善於用常見任務講解語言知識而著稱。書中從JavaScript語言基礎開始，分別討論了圖像、框架、瀏覽器窗口、表單、正則表達式等內容，循序漸進地給出了JavaScript以及相關的CSS、DOM、Ajax和jQuery等技術。第9版全新改寫，新增更多示例和技術介紹，使用流行的jQuery框架向網站輕松添加有用的功能。

本書適合有志於從事Web開發和設計的初學者.也是高等院校相關課程的理想入門教材。

作者簡介：Dori Smith

世界知名的Web程序員和設計師，從事軟體開發已有20多年。她是Web標准項目（WaSP）指導委員會委員，並發起成立了世界性的女性技術社區Wise-Women Web。

Tom Negrino

蜚聲全球的技術作家，長期主持Macworld和許多其他技術雜志的專欄。自1995年開始，與Dori Smith合作著書，向初學者介紹Web，目前已著有數十本書。

Ⅱ 如何使用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文件了，

Ⅲ 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將網頁導出成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，html5在瀏覽器直接打開pdf文檔

<html>
<body>
<div>
<button id="prev" onclick="goPrevious()">Previous</button>
<button id="next" onclick="goNext()">Next</button>

<span>Page: <span id="page_num"></span> / <span id="page_count"></span></span>
</div>

<div>
<canvas id="the-canvas" style="border:1px solid black"></canvas>
</div>


<script type="text/javascript" src="https://raw.github.com/mozilla/pdf.js/gh-pages/build/pdf.js"></script>

<script type="text/javascript">
//
// NOTE:
// Modifying the URL below to another server will likely *NOT* work. Because of browser
// security restrictions, we have to use a file server with special headers
// (CORS) - most servers don't support cross-origin browser requests.
//
var url = 'http://cdn.mozilla.net/pdfjs/tracemonkey.pdf';

//
// Disable workers to avoid yet another cross-origin issue (workers need the URL of
// the script to be loaded, and currently do not allow cross-origin scripts)
//
PDFJS.disableWorker = true;

var pdfDoc = null,
pageNum = 1,
scale = 0.8,
canvas = document.getElementById('the-canvas'),
ctx = canvas.getContext('2d');

//
// Get page info from document, resize canvas accordingly, and render page
//
function renderPage(num) {
// Using promise to fetch the page
pdfDoc.getPage(num).then(function(page) {
var viewport = page.getViewport(scale);
canvas.height = viewport.height;
canvas.width = viewport.width;

// Render PDF page into canvas context
var renderContext = {
canvasContext: ctx,
viewport: viewport
};
page.render(renderContext);
});

// Update page counters
document.getElementById('page_num').textContent = pageNum;
document.getElementById('page_count').textContent = pdfDoc.numPages;
}

//
// Go to previous page
//
function goPrevious() {
if (pageNum <= 1)
return;
pageNum--;
renderPage(pageNum);
}

//
// Go to next page
//
function goNext() {
if (pageNum >= pdfDoc.numPages)
return;
pageNum++;
renderPage(pageNum);
}

//
// Asynchronously download PDF as an ArrayBuffer
//
PDFJS.getDocument(url).then(function getPdfHelloWorld(_pdfDoc) {
pdfDoc = _pdfDoc;
renderPage(pageNum);
});
</script>
</body>
</html>

Ⅵ pdf格式的文件怎麼在網站上直接打開

1、在Firefox瀏覽器地址欄輸入關鍵詞：about:config，然後按下回車打開設置頁面

Ⅶ pdfjs怎麼設置頁面開始默認為只讀模式

Word 2010可以設置在打開文件時以只讀方式打開，打開後用戶不能進行任何操作，只能閱讀文檔，如果用戶要選擇以只讀方式打開文檔並對其進行修改，必須另存為文件。將文檔設為只讀後，再打開時系統會提示文檔以設為只讀模式。 1.單擊文件菜單，在彈出的面板中單擊打開命令，打開一個Word文檔。 2.單擊文件菜單，在彈出的面板中單擊另存為命令，彈出另存為對話框，設置保存路徑和文件名，單擊工具右側的下三角按鈕，在彈出的列表中選擇常規選項選項，彈出常規選項對話框，在其中選中建議以只讀方式打開文檔復選框。 3.依次單擊確定按鈕和保存按鈕，即可設置文檔模式為只讀模式。 Microsoft Office 2010下載：軟體名稱：Microsoft Office 2010SP1 32Bit 簡體中文官方版大小：340.00MB版本：SP1 32Bit 簡體中文官方版類別：文字處理語言：中文使用平台：Win_xp/Win7/Win8/Ubuntu Microsoft Office 2010下載：軟體名稱：Microsoft Office 2010SP1 64Bit 簡體中文官方版大小：410.00MB版本：SP1 64Bit 簡體中文官方版類別：文字處理語言：中文使用平台：Win_xp/Win7/Win8/Ubuntu

Ⅷ jsp 如何通過js來列印pdf文件！pdf存儲在文件伺服器上！

jsp中要利用java來實現打開，可以通過瀏覽器打開：
以下程序實現了讀取某個路徑下的pdf文件，並用瀏覽器打開：
package test;
import java.io.File;
import java.io.FileInputStream;
import java.io.IOException;
import java.io.OutputStream;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class PDFServlet extends HttpServlet {
private static final long serialVersionUID = -3065671125866266804L;
public PDFServlet() {
super();
}

public void destroy() {
super.destroy();
}
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("application/pdf");

FileInputStream in = new FileInputStream(new File("d:/1.pdf"));
OutputStream out = response.getOutputStream();
byte[] b = new byte[512];

while ((in.read(b)) != -1) {
out.write(b);
}

out.flush();
in.close();
out.close();
}

public void init() throws ServletException {
}
}

Ⅸ 如何創建pdf的buffer，讓pdf.js實現預覽pdf文件

pdf.js VS 傳統瀏覽器讀取pdf

一般來說，PDF檔案格式都是在瀏覽器中由外掛程式來描繪，通常是Adobe自己的PDF reader或來自其他供應商的描繪工具，但這些外掛通常無法充分運用PDF的特點，而且由於含有大量的受信任代碼，使得Google Chrome瀏覽器必須運用SandBox沙箱原理，來檢查PDF描繪工具是否遭到未知病毒感染。
使用adobe，必須在本地安裝軟體才能使用，而pdf.js不依賴環境、渲染速度快（測試過，確實很快）、安全性高。

pdf.js渲染PDF文件
pdf.js渲染PDF文件的流程：Fetch pdf (url / buffer) ——> canvas ——> 渲染
如果要深入pdf的渲染，需要去研究pdf.js源代碼。pdf.js可通過pdf文件的地址或pdf數據流獲取pdf，具體實現是調用介面函數 PDFJs.getDoc(url/buffer)將pdf載入html，通過canvas處理, 然後渲染pdf文件。網上給出的都是通過url來獲取pdf的例子，而我在做項目的時候，後台（python）要求是發pdf的數據流給前台，前台接收pdf的buffer,然後通過pdf.js來渲染。當然最初嘗試buffer出現了很多問題，具體問題總結如下：
1）如何通過$.ajax接收後台發給前台的buffer數據；
2）如何將buffer傳給pdf.js來處理（這里我使用了viewer.js, 所以需要考慮的是如何將buffer傳給viewer.js來處理）；
3）如何將pdf.js轉換成pdf.js可以接收的buffer格式；
（對應問題解決見代碼注釋）
註：viewer.js是pdf.js的擴展，其將列印、翻頁、縮放等功能進行了實現，且界面非常好看。也就是說如果你引入了viewer.js，pdf的渲染和渲染之後的功能界面都已經幫你實現了，你不用自己去寫界面。

導航:首頁 > 編程語言 > pdfjs教程

pdfjs教程

與pdfjs教程相關的資料

友情鏈接