How to create PDF file in less than 5 min using Javascript

In this video you will see how to create a PDF invoice template in less than 5 minutes, using my Javascript library named "jspdf-invoice-template".

You will find it in npmjs or the source code in github:
Play with it:

**Sorry for my wild dog. I couldn't stop him 😣

Any Star or Contribution to the package is welcome!

Thank you!

[naziruadam]

I tested many examples and watched many tutorials, but yours is the one that actually worked for me. Also, when I visited the npm website, I could find the unpkg and the example links. I had to type the URL in your example in the address bar manually to get it. The updated version on the website doesn't give such an in-depth sample, or at least I could find where it was. Thanks for the tut.

[vnsudjo]

How can I generate pdf directly without using button? is there any solution where I can directly generate pdf & save in folder using jquery?

[krawzi]

the only tutorial that worked, thank you!

[Saf]

Thank you so much, the only video that could help me, how can i do it for a nextJs app ?

[brianochieng]

how can i do this with vue.js, as i call data from an SQL Database . Because when i load the data into console it fetches but i dont know how to put it in a receipt

[Kolhv]

Thank you so much! Question, how would I add a custom "product" without the Array.from(Array(10), (item, index) => [] thing to the table?

[brianevans]

Uses invoice template. Not generally applicable to creating pdfs

[megasusmegajos]

How can i change table cells style ? Like First row and first column to be bold or font 14 .

[rayanx]

I tried to change the logo src but I couldn't every time i changed it, the generator stopped working. any solution?

[emilianovillarreal]

Hi! I've been running into the following error: Error: Incomplete or corrupt PNG file. Does anyone know how to fix that???

[alexanamelean]

Hello, sorry for my bad english. I have tried to place an array (var customers = <?php echo json_encode($result) ?>;
{
console.log([customer.Amount_kg,
customer.Description,
customer.Price_unit_kg,
customer.Amount_kg,
customer.Total_$,
customer.Total_BsD, ]);
});) in the table field of the template and for more attempts, it does not work. could you help me?

[sorknerl]

Is it possible to style the table with CSS? And how do I add simple text above the table?

[sanjitthakuri]

It downloads pdf in our system yes, but how can i send the generated PDF (from html) into backend server without downloading

[cintya]

how can i center the title header? thanks

[chunchun_zip]

is there any way to run this, because the function doesn't work on me(via cdn link)

[TheRealHiro]

hello, im having issues, the total at the bottom is not showing for me. i followed every step on your code

[themanwithaharmonica]

Do you have any idea how I can get the pdf document to support arabic?

[uvkvjos]

How can I add Arabic text to the invoice

[eliya]

Love it!

What is the best way to populate each row with info taken from user input? I created a Point-Of-Sale page that allows the user to select an item, specify qty and price, then add to cart. I have all the data stored in an array and use that array to dynamically update the cart display on the page. Can I use that array to populate the invoice rows?

I can upload the link to my github repo.

[emanuel]

Thank you so much, this is 1000x better than all those fucking libraries like dinkToPDF or ironPDF, those fucking libraries takes hours to set it up and you have to do so much esoteric coding for it to work, its so fucking annoying, but this way is the best