① 前端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,所以復雜的樣式頁面顯示錯亂,考慮個別頁面使用純前端實現。
網站導航
② jsPDF 將html代碼中的table導出為pdf文件怎麼弄
jsPDF 將html代碼中的table導出為pdf文件怎麼弄
有如下方法:
1、如果你電腦上安裝了office2007/2010,其中的word或EXCEL可以專直接保存為PDF格式。屬
2、如果你電腦上安裝安裝的是office2003,可以下載安裝adobe acrobat,acrobat可以在載入生成PDF的插件。
3、利用任意一款PDF列印機(如pdffactory pro),然後將word文件「列印」成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兩種方式
④ 如何在網頁中顯示PDF文件
使用js插件
其中實現閱讀pdf文件的js插件很多,比如:pdf.js:是一個技術原型主要用於在 HTML5 平台上展示 PDF 文檔,無需任何本地技術支持;jsPDF:是一個使用javascript語言生成PDF的開源庫
這個 PDFObject.js,是一個 JavaScript 庫用來在HTML中動態嵌入 PDF 文檔。
js代碼:
<script type="text/javascript">
window.onload = function (){
var success = new PDFObject({ url: "sample.pdf" }).embed();
};
</script>
OK,這樣就可以了。只要把地址寫對即可。
若我在某一個div中載入pdf咋辦呢?看官網,發現embed()方法可以有參數的,無參數是指body,有參數是具體的某一個位置。
<script type="text/javascript">
window.onload = function (){
var success = new PDFObject({ url: "sample.pdf" }).embed(「div的id」);
};
</script>
當然,其中還可以進一步設置參數,比如你想以多少秒的速度預覽,有css,無css等
具體的官網如下:http$://$www.$pdfobject$.com/
請去掉$這個符號
⑤ 前台js 如何使用pdf.js預覽pdf文件流(base64)
將pdf流生成pdf文件源,然後在將pdf文件使用PDF.js進行查看。
你需要考慮瀏覽器兼容性,低版本瀏覽器可能沒辦法支持。
參照 File API 和URL API(URL.createObjectURL())
⑥ 如何用js生成pdf
1,生成 PDF 這種事情通常由伺服器端做
2,瀏覽器做的話要依賴於插件(ActiveX/Plugin,通常購買第三方的)
3,瀏覽器預覽、列印倒是沒問題(要裝 PDF viewer,Firefox 自帶的 PDF.js 擴展也可以)
4,總結,AngularJS 是瀏覽器端的,干不來這事兒,也不應該干這事兒,我想你最好換個方向
⑦ php網站pdf顯示插件 pdf.js 瀏覽器打開大文件崩潰。
您好,兩種方案:一種直接鏈接,把pdf文件當作img文件,類似<a href=""/>這種形式,這樣鏈接:
代碼如下:
<frame src="pdf文件的地址"></frame>
另一種:使用js插件哈。
其中實現閱讀pdf文件的js插件很多,比如:pdf.js:是一個技術原型主要用於在 HTML5 平台上展示 PDF 文檔,無需任何本地技術支持;jsPDF:是一個使用Javascript語言生成PDF的開源庫(IE暫不支持);
比較簡單易上手的js插件:PDFObject.js,是一個 JavaScript 庫用來在HTML中動態嵌入 PDF 文檔。
效果如下:
PDFObject.js目前已經升級到1.2,可以支持IE9.
PDFObject.js宗旨:Sometimes you need a little JavaScript. When you do, try PDFObject.
來看看少之又少的js代碼:
代碼如下:
<script type="text/javascript">
window.onload = function (){
var success = new PDFObject({ url: "sample.pdf" }).embed();
};
</script>
OK,這樣就可以了。只要把地址寫對即可。
若我在某一個div中載入pdf咋辦呢?看官網,發現embed()方法可以有參數的,無參數是指body,有參數是具體的某一個位置。
代碼如下:
<script type="text/javascript">
window.onload = function (){
var success = new PDFObject({ url: "sample.pdf" }).embed(「div的id」);
};
</script>
當然,其中還可以進一步設置參數,比如你想以多少秒的速度預覽,有css,無css等。