jsPDF, Add text after another dynamic text

Question

I need to create a PDF with dynamic fields. Sometimes a text can be 2 lines, sometimes 3 lines. How can I do to insert directly after the first dynamic text another element without hardcode a static Y coordinate ?

This is my code :

const pdf = new window.jspdf.jsPDF();

pdf.text(`DYNAMIC TEXT THAT CAN HAVE 1 TO X LINES`, 5, 10);

//The next text which must be under the first, but without hardcode Y:20, because sometime, this is too much
pdf.text(`DYNAMIC TEXT THAT CAN HAVE 1 TO X LINES`, 5, 20);

I'm using jsPDF 2.3.0 from CDN link

Thank You !

Answer 1

I also had the same issue, couldn't find any official solution so used other methods for this. Here is my way of solving it. I'm splitting the text to the size I need, then I'm getting its height. Hope it helps

  const start = 20;
  let nextY = 60;
  const textOne= `This might change: ${myTextOne}`;
  nextY = addText(doc, textOne, nextY);
  
  const textTwo = `This might change: ${myTextTwo}`;
  nextY = addText(doc, textTwo, nextY);

  function addText(doc, text, nextY) {
  const locationsText = text;
  doc.text(locationsText, start, nextY, { maxWidth: 180 });
  nextY += roundUp(doc.getTextDimensions(doc.splitTextToSize(locationsText, 
  180)).h) + 5;
  return nextY;
  }