用pdf中的javascript導出html

Question

我用幾個JavaScript制作了一個簡單的網頁（html），就像一個測驗。 用戶填寫文本字段並按下按鈕以獲取答案，然后單擊“提交”按鈕，然后JavaScrript將計算分數並顯示分數。

因此，我的頁面是index.html，當用戶單擊“提交”時，它仍在此頁面上，但顯示了結果，例如：做得好！ 名稱，ID，電子郵件等（從文本字段獲取）您的分數是：144（由JS計算）。

因此，現在，我想在此結果下方添加一個按鈕，例如“ PDF”。 當用戶單擊它時，它將在新選項卡中打開一個pdf文檔，計算后將結果顯示在index.html上。 pdf的格式應類似於index.html頁面。

我試圖找出如何處理此pdf內容，但找不到解決方案。 問題是我希望此頁面在本地打開，而不是在服務器上打開。 您能建議我怎么做嗎，也許要使用PHP（但在本地無法使用）。 我只想將粘貼的html文件和JavaScript復制到任何計算機上，並且還需要在本地工作。 只需在瀏覽器中打開並完成測驗，然后將結果導出為pdf。

感謝名單

Answer 1

您可以使用javascript做您想做的事，請使用此庫： http : //parall.ax/products/jspdf

您必須使用所需的pdf格式格式化輸出

Answer 2

這是jsPDF的一個簡單PDF示例：

 var doc = new jsPDF(); doc.text(20, 20, 'Hello world!'); doc.text(20, 30, 'This is client-side Javascript, pumping out a PDF.'); doc.text(20, 40, 'Do you like that?'); doc.output('save', 'filename.pdf'); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.debug.js"></script> <iframe id="pdf" type="application/pdf" src="" width="800" height="400"></iframe>