Jspdf: Justify text alignment using jsPDF

Created on 9 May 2017  路  5Comments  路  Source: MrRio/jsPDF

Hi All,

May I just ask if the justify alignment is possible using jsPDF? Especially, when I used the split_text_to_size.js plugin.

Below is the method that I used to fit my long texts in the pdf.
`function getSplitText(text, doc){
var maxLength = doc.internal.pageSize.width - 60;

var splitText = doc.splitTextToSize(text, maxLength);

return splitText;

}`

They are currently aligned LEFT.

Thank you very much!

Most helpful comment

@JPaulPunzalan not sure about justified text but the text can be centred by using doc.text(text,left,top,'center')

    var lMargin=15; //left margin in mm
    var rMargin=15; //right margin in mm
    var pdfInMM=210;  // width of A4 in mm
    var pageCenter=pdfInMM/2;

    var doc = new jsPDF("p","mm","a4");
    var paragraph="Apple's iPhone 7 is officially upon us. After a week of pre-orders, the latest in the iPhone lineup officially launches today.\n\nEager Apple fans will be lining up out the door at Apple and carrier stores around the country to grab up the iPhone 7 and iPhone 7 Plus, while Android owners look on bemusedly.\n\nDuring the Apple Event last week, the tech giant revealed a number of big, positive changes coming to the iPhone 7. It's thinner. The camera is better. And, perhaps best of all, the iPhone 7 is finally water resistant.\n\nStill, while there may be plenty to like about the new iPhone, there's plenty more that's left us disappointed. Enough, at least, to make smartphone shoppers consider waiting until 2017, when Apple is reportedly going to let loose on all cylinders with an all-glass chassis design.";

    var lines =doc.splitTextToSize(paragraph, (pdfInMM-lMargin-rMargin));
    doc.text(lines,pageCenter,20,'center'); //see this line
    doc.save('Generated.pdf');
    }

All 5 comments

1016

@JPaulPunzalan not sure about justified text but the text can be centred by using doc.text(text,left,top,'center')

    var lMargin=15; //left margin in mm
    var rMargin=15; //right margin in mm
    var pdfInMM=210;  // width of A4 in mm
    var pageCenter=pdfInMM/2;

    var doc = new jsPDF("p","mm","a4");
    var paragraph="Apple's iPhone 7 is officially upon us. After a week of pre-orders, the latest in the iPhone lineup officially launches today.\n\nEager Apple fans will be lining up out the door at Apple and carrier stores around the country to grab up the iPhone 7 and iPhone 7 Plus, while Android owners look on bemusedly.\n\nDuring the Apple Event last week, the tech giant revealed a number of big, positive changes coming to the iPhone 7. It's thinner. The camera is better. And, perhaps best of all, the iPhone 7 is finally water resistant.\n\nStill, while there may be plenty to like about the new iPhone, there's plenty more that's left us disappointed. Enough, at least, to make smartphone shoppers consider waiting until 2017, when Apple is reportedly going to let loose on all cylinders with an all-glass chassis design.";

    var lines =doc.splitTextToSize(paragraph, (pdfInMM-lMargin-rMargin));
    doc.text(lines,pageCenter,20,'center'); //see this line
    doc.save('Generated.pdf');
    }

@Sarfarazsajjad
center is not the same as justify

I added to my refactored code the ability to justify text.

See for this too
https://github.com/MrRio/jsPDF/issues/1016#issuecomment-329957940

Will be solved with #1433

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Pinank picture Pinank  路  3Comments

BarathArivazhagan picture BarathArivazhagan  路  4Comments

centurianii picture centurianii  路  4Comments

sayo96 picture sayo96  路  3Comments

sajesh1985 picture sajesh1985  路  5Comments