導出圖像爲PDF使用jQuery海軍報

Question

我有一個關於出口更多圖表的問題，其使用jquery flot到pdf

我用html2canvas.js和jspdf-min.js到graphs出口pdf，但我有兩個問題：

第一，它出口到pdf太難看了。

二，我想兩個圖形導出裏面一個頁面，但出口到兩頁。

這裏我的代碼：

var _canvas = null; 
$(function() { 
    $("#id_generate_pdf").on("click", function (e) { 
    window.allcanvas = []; 
    var allcontainers = $('[id^="flot-placeholder"]'); 

    allcontainers.each(function (index, elem) { 
     html2canvas($(elem).get(0), { 
     onrendered: function (canvas) { 
      window.allcanvas.push(canvas); 
      if(allcontainers.length == allcanvas.length){ 
      finalpdf(); 
      } 
     } 
     }); 
    }); 
    }); 

    finalpdf = function(){ 
    var doc = new jsPDF('landscape'); 
    for(var i = 0; i< allcanvas.length; i++){ 
     var imgData = allcanvas[i].toDataURL('image/jpeg'); 
     doc.addImage(imgData, 'JPEG', 10, 10, 280, 65); 
     if(i != allcanvas.length-1) { 
     doc.addPage(); 
     } 
    } 
    doc.save('testingPDF.pdf'); 
    }; 
}); 

這裏是我的演示：My demo code

希望每一個身體能支持我。非常感謝你。

更新：

我要出口pdf這pdf包括本文相同image我連接。

我不知道該怎麼做。請給我一些想法或建議。非常感謝你。

My demo code update

Answer 1

• 刪除調用doc.addPage();
• 變化的寬度和高度在doc.addImage()參數的東西具有相同的比率成圖表。
• 更改第二個圖表的y位置，使其與第一個圖表不重疊。
• 將白色背景設置爲圖表和畫布。

看到這個更新小提琴：http://jsfiddle.net/g2CTz/515/