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 canvas.toDataURL 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.

newdiv = document.createElement(div);

newdiv.className = big_Con_graph big_Con_graph0;

newdiv.style.height = 0px;

newdiv.id = big_Con_graph + id;

below is the dimensions for SVG chart load.

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;

now below is the code for conversion of above graph SVG data and adding to PDF.

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;

this is the code for PDFAfterImageLoad function:

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);

I am using png, so imagequality parameter can not be used.

Can anyone help me decrease the file size?