簡體   English   中英

將圖形導出為pdf使用jquery flot

[英]Export graph to pdf use jquery flot

我在導出更多使用jquery flotpdf圖形時遇到問題

我使用html2canvas.jsjspdf-min.jsgraphs導出到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');
  };
});

這是我的演示: 我的演示代碼

希望每個人都能支持我。 非常感謝你。

更新

我要導出pdf ,此pdf包含與我附加的image相同的文本。

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

我的演示代碼更新

在此處輸入圖片說明

  • 刪除對doc.addPage();的調用doc.addPage();
  • doc.addImage()參數中的寬度和高度更改為與圖表相同的比率。
  • 更改第二個圖表的y位置,使其不與第一個重疊。
  • 將白色背景設置為圖表和畫布。

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM