Ⅰ 基於jquery與html5 canvas生成pdf插件jspdf為什麼導出頁面內容不全
H5e教育HTML5開發解答
JScript codevar canvas = document.getElementById("mycanvas");
var img = canvas.toDataURL("image/png");
document.write('<img src="'+img+'"/>');
列印是瀏覽器的事。用JS調用也是調用瀏覽器的功能,這種情況直接按CTRL+P去處理。
至於PDF,裝軟體,只要能列印的都可以通過軟體生成PDF。
若想在HTML5里用純代碼實現導出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 將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文件。
Ⅳ 如何用jsPDF將截圖保存在本地文件里(不是彈出下載框那種,是程序自動保存下來)
托盤圖標---點右鍵---配置文件---管理配置文件---選擇要更改的設置---右下角的編輯器不要按下---保存
Ⅳ jquery代碼是生成橫向pdf
插件描述:jsPDF HTML5是一個客戶端解決方案生成pdf文件。適合活動門票、報告、證書,等等。 它將在IE6+,Firefox 3 +,Chrome,Safari 3 +,Opera。IE9下工作
Ⅵ 使用jspdf和html2canvas導出pdf文件分頁時如何正常留白
兩種方法
控制元素大小,每頁元素高度等於pdf的每頁高度
把每一頁內容切成多個圖片然後合成一個pdf
Ⅶ jspdf.js為什麼導出的pdf長度越長,寬度越寬,否則就顯示不完全
因為有如果超長的話,會自動換行,所以寬度也就越寬
Ⅷ jspdf.debug.js 生成pdf頁數過多頁面就崩了,求大神指點啊
使用pdf.js,具體去谷歌,最多我載入過100頁的pdf文件,沒有明顯卡頓
Ⅸ pdf.js jspdf 和pdfobject 哪個好
你好
看看他們的主要區別是什麼。關鍵是自己使用一下就知道效果了
你的採納是我前進的動力,還有不懂的地方,請繼續「追問」。
如你還有別的問題,可另外向我求助;答題不易,互相理解,互相幫助。