Rich-Text-Formatting / Append text to previous text using jsPDF

[JPaulPunzalan]

Is there a way to append the next substring of the paragraph into the first substring?

This is my initial code:
doc.text('Below table shows the performance score legend as recommended by the CIO Performance Engineering Team.\n\n', 10, testScoreFinalY + 10);

Or is there a workaround to get the final X position of the last character of the code above?

Below is the screenshot of the text that I am trying to replicate using jsPDF.

[Uzlopak]

If i would be you, I would probably modify the API.text method. Maybe by adding a flag/parameter which returns an array of parameters instead of the object. Then you could use x and y as parameters in the next call of the method API.text

[Flamenco]

You can use the context2d plugin. There is an API called measureText that will return the width of the text to be drawn, taking into account the font, fontsize, etc.

[JPaulPunzalan]

@Flamenco Hi, could you help me more by providing a sample code?

[Flamenco]

@JPaulPunzalan Something like this might work to track the position of what you have already rendered.

        var pdf = new jsPDF('p', 'px', 'c1');
        var canvas = pdf.canvas;
        var ctx = canvas.getContext("2d");

        var x = 20;

        ctx.font = '20px Verdana';
        ctx.fillText('ONE', x, 50);
        x += ctx.measureText('ONE').width;

        ctx.font = '30px Verdana';
        ctx.fillText('TWO', x, 50);
        x += ctx.measureText('TWO').width;

        ctx.font = '40px Verdana';
        ctx.fillText('THREE', x, 50);

[brahimkraiem]

It doesn't work, any way to add text to the previous text in jspdf??

[Uzlopak]

There is no out of the box solution. It has to be implemented yet. I have already an idea. Because now we have a fully working and fully tested API.text method which can be used for exactly this purpose.

[Uzlopak]

But... if I should do it, I will need some time. I

[github-actions]

This issue is stale because it has been open 90 days with no activity. It will be closed soon. Please comment/reopen if this issue is still relevant.