html到pdf转换导致空白pdf

时间:2016-08-22 07:41:16

标签: javascript html pdf

我正在使用以下link中建议的代码。以下是我使用的pdf转换功能。

function pdfGenerator(){
    var doc = new jsPDF();    
    var elementHandler = {
              '#ignorePDF': function (element, renderer) {
                return true;
              }
            };
    var source = window.document.getElementsByTagName("body")[0];
    doc.fromHTML(
        source,
        15,
        15,
        {
          'width': 180,'elementHandlers': elementHandler
        });

    doc.output("dataurlnewwindow");
}

我已下载以下link中提到的最新版本,并将其添加为外部jar。你可以建议如何包含

的脚本
  • jspdf.js
  • jspdf.plugin.from_html.js
  • jspdf.plugin.split_text_to_size.js
  • jspdf.plugin.standard_fonts_metrics.js

在我的项目中?我得到空白的pdf作为输出。

2 个答案:

答案 0 :(得分:0)

您可以使用脚本标记的延迟属性。

<script defer src="jspdf.js"></script>
<script defer src="jspdf.plugin.from_html.js"></script>
<script defer src="jspdf.plugin.split_text_to_size.js"></script>
<script defer src="jspdf.plugin.standard_fonts_metrics.js"></script>
<script defer src="/* YOUR SCRIPT HERE */"></script>

这样,所有脚本将一个接一个地同步加载。 More info @ MDN

答案 1 :(得分:0)

最好使用<script src="https://use.fontawesome.com/79a4552de1.js"></script> <div id="good"> <div id="vahid"> <div id="one"> <div id="fizz"><img src="image1.jpg"></div><br><br><br> <!--<<br><br> <br><br> br><br>--> <!--icons--> <!--<img class="render" src="icona.png"> <img src="iconb.png"> <img class="render" src="iconc.png"> <img class="render" src="icond.png">--> <i class="robin fa fa-glass"> </i> <i class="robin fa fa-th"> </i> <i class="robin fa fa-th-large"> </i> <i class="robin fa fa-align-justify"> </i> <br> <br><br><br><br> <!--<span class="local"> <img src="img4.jpg"> <img src="img5.jpg"> <img src="img6.jpg"> <img src="img7.jpg"> </span>--> </div> </div> <div id="isnani"> <div id="third"> <p > <span class="fourth">Dashboard</span> <span class="fifth"> + New</span> </p> <!--button--> <img src="left.jpg" onclick="myFunction()" id="button"> <!--<p class="fourth">&nbsp;</p> <p id="fort"><input type="text" placeholder="search your project here..." ></p> <div id="jump"><img src="search.jpg" height="20px" width="10px"></div>--> <p id="sixth"> Welcome to Flatkit</p> <p id="seventh"> Bootstrap 4 Web App Kit With Angular js</p> </div> </div> </div>函数而不是.save将其作为可下载的pdf,确保您已将其放在doc.output语句中。这是精炼的代码。

settimeout

希望这有帮助!