Question

我正在使用JsPDF并希望从Section标签内的内容创建pdf。我已经尝试了很多指南，但没有接缝工作，由于缺乏演示代码，除了在这里试试运气，我没有别的选择。

在实现代码之后，我设法生成pdf，但它全部为白色，我想得到＆＃34; save＆＃34;生成到。之后的选项。

我的代码：

<section id="content" class="printable">
 my data
</section>

<a href="javascript:demoFromHTML()" class="btn btn-primary btn-lg"> Pdf</a>

<script>
     function demoFromHTML() {
         var doc = new jsPDF('p', 'in', 'letter');
         var source = $('.printable').first();
         var specialElementHandlers = {
             '#bypassme': function(element, renderer) {
                 return true;
             }
         };

         doc.fromHTML(
            $('.printable').get(0), // [Refer Exact code tutorial][2]HTML string or DOM elem ref.
             0.5,    // x coord
             0.5,    // y coord
             {
                 'width': 7.5, // max width of content on PDF
                 'elementHandlers': specialElementHandlers
             });

         doc.output('dataurl');
    }
</script>

包含脚本：

<script src="//mrrio.github.io/jsPDF/dist/jspdf.debug.js"></script>

Answer 1

尝试一下：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.min.js"> 
</script> 

<script>
var lMargin = 15; //left margin in mm
var rMargin = 15; //right margin in mm
var pdfInMM = 210; // width of A4 in mm

function getPDF() {
  var doc = new jsPDF("p", "mm", "a4");
  var tavern = document.querySelector(".printable").innerText;
  var lines = doc.splitTextToSize(tavern, pdfInMM - lMargin - rMargin);
  doc.text(lMargin, 20, lines);
  doc.save("Generated.pdf");
}
</script>

以及您的标记：

<a href="javascript:getPDF()" class="button">Run Code</a>

<section id="content" class="printable">
my data
</section>

jspdf创建空的pdf＆＃39; s

1 个答案: