While Specifying compress : true while creating jsPDF object the result PDF shows garbage character.

While creating jsPDF object with below method shows correct character on PDF var doc = new jsPDF('p','pt','a4'); but while creating object with below method and specifying compression as true it shows garbage character on PDF. var doc = new jsPDF({orientation: 'p',unit: 'pt',format: 'a4',compress : true}); I have used Google Noto CJK font after converting otf to ttf and then done base64 of ttf file by using fontconverter page specified in this repo.

Full function is as per below:

function saveAspdf() {
//var doc = new jsPDF('p','pt','a4',true);
var doc = new jsPDF({orientation: 'p',unit: 'pt',format: 'a4',compress : true});
    doc.setFont('NotoSansAll-Regular'); // set font
    doc.setFontSize(10);
    doc.text('Hello world!', 10, 10);
    //doc.text("在這裡 我們要吃午餐 應用程式類別", 30, 30);
doc.save('a4.pdf');
}

any help on this will be appreciated…

[saravanacs]

@ashakoshti1988 Just try this to reduce file size var data = document.getElementById(‘returnItemsBill’); html2canvas(data).then(canvas => { var imgWidth = 200; var pageHeight = 400; var imgHeight = canvas.height * imgWidth / canvas.width; var heightLeft = imgHeight; var position = 0; const contentDataURL = canvas.toDataURL(‘image/png’,0.3) var pdf = new jspdf(‘p’, ‘mm’, ‘a4’, true); pdf.addImage(contentDataURL, “JPEG”, 5, 0, 200, 287, undefined, ‘FAST’); while (heightLeft >= 0) { position = heightLeft - imgHeight; pdf.addPage(); pdf.addImage(contentDataURL, “JPEG”, 5, 0, 200, 287, undefined, ‘FAST’); heightLeft -= pageHeight; } pdf.save(“Sales_Bill_Original”); });

Happy Coding …!!

[marcohamersma]

I’ve encountered this issue as well with non-latin characters. For me, image compression seems to go a long way in reducing the filesize, but the compression would probaly be even better.