一個在瀏覽器端將html 轉為pdf 的js 外掛 jsPDF

阿新 • • 發佈：2019-02-13

<!DOCTYPE html>
<html>
<head>
    <title>test</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=' 
[email protected]'/>
    </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>

轉自：https://www.cnblogs.com/xuezizhenchengxuyuan/p/6023409.html

一個在瀏覽器端將html 轉為pdf 的js 外掛 jsPDF

<!DOCTYPE html> <html> <head> <title>test</title> <meta http-equiv="Content-Type" content="text/h

javascript將html轉為圖片保存。

canvas () color can 實現 data url pan his js將html轉為圖片主要是通過html2canvas這個插件去操作的。具體實現如下： html部分：  <div id="cont

Java 將word轉為pdf jacob方式

name .aspx false quit void exception tof ant div package com.doctopdf; import java.io.File; import com.jacob.activeX.ActiveXComponent;

使用phantomJS將html轉為圖片

問題描述近期寫稿專案碰到一個問題，由於文章會發布到不同裝置和平臺上，在前端展示的時候可能會與平臺本身的樣式發生覆蓋，導致表格樣式顯示不正常。短時間內想要做出一個適應所有環境的前端樣式不太現實。因為使用本地模板生成的表格不存在樣式問題，所以考慮將本地html模板中的<t

iText —— JAVA將html轉pdf

1、index.html檔案內容如下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.

微信小程式-利用wxParse將html轉為wxml

2.1 在使用的View中引入WxParse模組var WxParse = require('../../wxParse/wxParse.js');12.2 在使用的Wxss中引入WxParse.css,可以在app.wxss@import "/wxParse/wxParse

C# wkhtmltopdf 將html轉pdf

一、轉換程式程式碼如下： public string HtmlToPdf(string url) { bool success = true; // string dwbh = url.Split('?')[1].Split('=')[1

將WPF轉為PDF

利用第三方外掛PDFSARP 專案截圖啟動專案，model類準備資料，WPF窗體展示資料，最後利用pdfsharp轉為pdf檔案 namespace Engine { class Program { [STAThread]

java之將html轉為圖片

需求：看到一個很漂亮的網頁，想下載下來儲存為圖片格式，簡單粗暴有效的方法是截圖，可是電腦沒有截圖工具，於是就寫一個java，將html轉為jpg圖片。實現： /** *

JAVA使用wkhtmltopdf 將Html 匯出PDF

1.安裝wkhtmltopdf 根據自己的系統來選擇對應的安裝包 2.下載之後安裝，然後將其配置到環境變數中 3.做個小測試命令：wkhtmltopdf 需要轉化為pdf的html地址匯出位置 4.下面附上JAVA程式碼主要工具類

怎麽將ppt轉為pdf？

slides bubuko 報告 soft shape for mps 迅捷pdf轉換器 reac PPT這個詞，就是演示的代名詞，比如工作報告，數據報告，各種演示文件都能在PPT上被制作出來，需要做的也就是打字添加圖片排班等，但是我們需要把PPT轉換為Word的時候卻又無

pdf.js外掛亂碼問題

場景描述：本問題也是之前談論的pdf轉化為圖片的專案，之前有聊到過由於不能正常展示印章而把pdf轉化成了PNG圖片來展示。而其他的條款由於沒有印章這個問題，所以就使用了pdf.js這個外掛進行展示，之前展示的檔名都是用的英文是沒有問題的。但是後來發現ios裡

pdf轉為html查看pdf.js

name log hub script error 頁面 promise sync reason 　　　　 <!DOCTYPE html> <html lang="en"> <head> <meta charset="

瀏覽器外掛形式將html轉成pdf，將html轉成圖片

javascript: (function () { var head = document.getElementsByTagName('head')[0]; var script = document.createElement('script'); var scrip

JS將html生成為圖片並下載（適用於大多數瀏覽器，包含手機瀏覽器等（需配合後臺處理））(筆記)

（1）html程式碼 <div id="id="content""> //此處放置需要生成圖片的程式碼 <div class="order_payCon"> <div class="submit_pay_success"

使用 html2cavas js外掛將HTML頁面生成圖片儲存至本地(pc端)

一, 匯入html2canvas.min.js 大家可以去html2canvas官網看看 http://html2canvas.hertzen.com/ 二，把html頁面生成base64碼 //把html生成圖片 htmltoimg()

Java中使用phantomjs將HTML頁面轉為pdf

之前有個需求，將頁面轉為pdf，當時使用itext轉換，但是呢樣式與實際在瀏覽器中開啟的樣式存在差異。比如選擇項長得不一樣，CheckBox長得不一樣，這就不行，需求要跟瀏覽器開啟一模一樣，後經過多方面查詢，終於找到一個靠譜點的解決方案：使用phantomjs外掛。首先下

js將html儲存成圖片，pdf

js實現html頁面轉為pdf下載

1、簡單描述最近做了一個專案，我也是剛學js才幾個多月，對js不是很懂，但是我相信，只要肯學，總會進步的。專案裡面要實現把網頁的試題下載成pdf，所以我有個同事就實現了這個功能，然後我參考著他寫的程式碼就總結了一下。網頁渲染的過程中因伺服器效能和圖片的數量而定，圖片太多的

JS 如何將 HTML 頁面匯出為 PDF

2017年7月21日更新沒想到我為實現自己需求寫的Demo受到這麼多人關注，私信問的比較多。在這裡向大家道歉了，因為這個Demo是有瑕疵的，比如它不支援多頁（我的需求只是一頁ε=ε=ε=┏(゜ロ゜;)┛），頁面拉伸，模糊等問題為了避免更多人被我誤導，

一個在瀏覽器端將html 轉為pdf 的js 外掛 jsPDF

相關推薦