jsPDF VS svg2pdf.js

jsPDF is a popular JavaScript PDF generator that allows users to generate PDF files in the web browser dynamically. The library is well-maintained, stable, easy to use, and has rich documentation.

I haven't had to generate PDF files from the browser, but jsPDF looks promising.

So, as advised on the github page https://github.com/parallax/jsPDF i tried to source the new version of jsPDF using either the first or second src that you see in comment in the code below.

was working fine. But it seems this version does not have the function to do dashed lines, so i wanted a newer version. I tried downloading the folder of the newest one, or tu put : as mentionned in this page : https://github.com/parallax/jsPDF, but now i got a bug when i try to create the pdf and the code stops at the instruction var doc = new jsPDF(); I hope have i been clear, sorry i'm kind of trying out things...

You can use the .NET built-in datagrid, write your own .csv export (it's about 15 lines of code), and use jsPDF to convert the datagrid content to pdf using JavaScript.

🔀 Repositório no GitHub

Didn't try but there is https://github.com/mozilla/pdf.js to read and https://github.com/parallax/jsPDF to write back so I imagine it could all be done in the browser, no app required. I'm not sure if there is already a project that combine both and use the canvas as a sketching support but have a look and if there isn't one I might prototype as it could be interesting for the PineNote.

You should check out Vercel's Satori package. You can generate SVGs from JSX without a chromium instance. Pair that with something like https://github.com/yWorks/svg2pdf.js/ and you might be onto something.

If you need to print to exact dimensions, you MUST use PDF. This was what i needed, so I draw everything to an SVG, and made sure that my units were in "pt" (that is 1px = 1/72inch). When creating the PDF, I specified that the units were in "pt" and used https://github.com/yWorks/svg2pdf.js/ to convert the SVG. Note that this has major disadvantages. SVG does not support word wrap by default; you'll have to write your own. You'll also have to get users to specify a paper size in your app. Again, test, test, test. If you want to preview the PDF, not all browsers can display PDF natively (looking at you Android)! Some browsers won't print exact size even in PDF (Android). Some browsers will reduce page margins if printing from an inline iframe preview (Safari). You need annoying workarounds. Like downloading instead of previewing the file on Android, or making sure to always open a new tab on Safari.

I used it with https://github.com/yWorks/svg2pdf.js/ which makes it easy to draw diagrams too.

Hmm, after tinkering around a bit, I think according to https://github.com/yWorks/svg2pdf.js/issues/82 , the mask element in the giraffe SVGs is not supported in the PDF converter. It is just dropped, leafing the qraffe rather qr-less.

But I sadly know neither svg enough to think up an alternative approach, or a JS/TS dev enough to see if there are other libraries.