如何使用Javascript將HTML / CSS轉換為PDF？

Question

我看過jsPDF，但是該插件在導出的PDF中剝離了CSS。 我也看過html2canvas，但這需要當前窗口的屏幕截圖。 我的HTML內容對用戶隱藏了，我正在尋找一種解決方案，可以從HTML塊動態創建PDF。 有什么建議么？

編輯：我只是試圖創建html2canvas到jsPDF，但我得到一個空的pdf文檔。 有人可以告訴我為什么嗎？ http://jsfiddle.net/5ud8jkvf/6320/

$('.download').on('click', function(){
    html2canvas($('.print'), {
    onrendered: function(canvas) {
        $('#canvas').replaceWith(canvas);
    },
    //width: 200,
    //height: 200
    });
    setTimeout(function(){
        var doc = new jsPDF();
        var specialElementHandlers = {
      '#editor': function (element, renderer) {
          return true;
      }
        };

    doc.fromHTML($('canvas').html(), 15, 15, {
        'width': '200',
            'elementHandlers': specialElementHandlers
    });
    doc.save('sample-file.pdf');

    }, 500);
});

Answer 1

您是否可以按如下方式使用html2canvas，即您的html內容被隱藏也沒關系，您應該可以這樣訪問它：

var pdf = new jsPDF('p', 'pt', 'letter');
pdf.addHTML($('#hiddenElement').html(), function () {
    pdf.save('Test.pdf');
});