如何在PDF中轉換我網站上的DOM元素？

Question

我有一個div在我的網站內包含使用SVG一些圖表。我想提示瀏覽器將該div轉換爲PDF格式，使用與用戶要求打印網站時使用的算法相同的算法，但僅限於div。我想發送電子郵件和/或打印PDF。

這可能嗎？

Answer 1

您可以使用TCPDF插件。 它廣泛用於從Html創建PDF。

http://sourceforge.net/projects/tcpdf/files/

http://www.tcpdf.org/docs.php

http://www.tcpdf.org/examples.php

希望這有助於你。

Answer 2

假設你有這樣一個div：

<div id='yourDIVid'><div> 

可以使這樣的功能：

function savedivASpdf() { 

    html2canvas(document.getElementById('yourDIVid'), { 
     onrendered: function (canvas) { 
      var data = canvas.toDataURL(); 
      var docDefinition = { 
       content: [{ 
        image: data, 
        width: 500, 
       }] 
      }; 
      pdfMake.createPdf(docDefinition).download("pdf_title.pdf"); 
     } 
    }); 
} 

您需要

https://html2canvas.hertzen.com/

和

個

http://pdfmake.org/#/

下載來源並添加喜歡：

<script src="html2canvas.js" type="text/javascript"></script> 
<script src="pdfmake.min.js" type="text/javascript"></script> 
<script src="vfs_fonts.js" type="text/javascript"></script>