title: Pdf file size too big created using jspdf
body: <p>I am using jspdf for creating PDF inside browser. I am having multiple charts having svg as chart Data. For adding data to pdf I am converting svg to png using canvas and then Base64 Data using <code>canvas.toDataURL</code> method. After all this conversions size of the file created by jspdf is huge (about 50 MB).
  Below is the code for div of chart data and canvas.</p>
  
  <pre><code>newdiv = document.createElement("div");
  newdiv.className = "big_Con_graph big_Con_graph0";
  newdiv.style.height = "0px";
  newdiv.id = "big_Con_graph" + id;
  </code></pre>
  
  <p></p>
  
  <p>below is the dimensions for SVG chart load.</p>
  
  <pre><code>document.getElementById("big_Con_graph" + id).style.display = "block";
  var big_chartReference = FusionCharts("big_myChartId"+id);
  if(big_chartReference != null){
      big_chartReference.dispose();
  }
  var big_width = "1088";
  var big_height = "604";
  </code></pre>
  
  <p>now below is the code for conversion of above graph SVG data and adding to PDF.</p>
  
  <pre><code>var elem_graph = $($('.big_Con_graph,big_Con_graph0')[count]).clone(true);
  svgString = $(elem_graph).find("span").html();
  var img = document.createElement('img');
  var DOMURL = self.URL || self.webkitURL || self;
  var svg = new Blob([svgString], {type: "image/svg+xml;charset=utf-8"});
  var url = DOMURL.createObjectURL(svg);
  img.onload = pdfAfterImageLoad(img,pdf,imgLoadSequence,DOMURL,totalReports,reportName);
  img.src = url;
  </code></pre>
  
  <p>this is the code for PDFAfterImageLoad function:</p>
  
  <pre><code>var canvas = document.getElementById("canvas");
  var ctx = canvas.getContext("2d");
  ctx.drawImage(img, 0, 0);
  var png = canvas.toDataURL("image/png");
  pdf.addImage(png, 'PNG', leftmargin, 120, 485, 270);
  </code></pre>
  
  <p>I am using png, so imagequality parameter can not be used.</p>
  
  <p>Can anyone help me decrease the file size?</p>