Future Idea: PDFs

[jswhisperer]

Sorry let me know if I'm spamming but I was thinking it wouldn't be a big leap to allow download as PDF from SVG.

Maybe if you wanted to add Discussions to repo?

https://pdfkit.org/examples/browserify/browser.html

https://artskydj.github.io/jsPDF/docs/module-svg.html

https://github.com/yWorks/svg2pdf.js?tab=readme-ov-file

Would be happy to work on this feature if it seemed a good idea.

[tinchox5]

On the contrary, I truly appreciate ideas and discussions about this tool!

I'm working on a plugin system and I think the PDF download would be great use case

[jswhisperer]

Brilliant man, happy to help implement after the plugin system is ready.

[ZhelinCheng]

I’m very excited about this feature and was wondering if there’s a planned schedule or roadmap for its release.

[tinchox5]

I hope V1.9.9 is solid and speedy enough to focus on the plugin arquitecture. Indeed the plugin are on the roadmap, but I can't estimate the release time. Nevertheless It may be ready on one or two months

[chreniuc]

I was about to open a discussion for the same thing, can't wait to check after it is implemented

[R2h1]

如果支持导出 pdf，希望能支持良好的分页功能

[R2h1]

***@***.***的自动回复邮件。已收到您的邮件！

[jswhisperer]

Quick implement for anyone that needs,

https://ekoopmans.github.io/html2pdf.js/#worker-api

html2PDF([
      document.querySelector('body')
    ], {

      margin: {
        top: 30,
        right: 10,
        bottom: 30,
        left: 10,
      },
      html2canvas: {
        scrollY: 0,
        scrollX: 0,
      },
      success(pdf) {
       pdf.save()
      }
    })
  });```

[ZhelinCheng]

Hi everyone,

I’m currently using jsPDF + Paged.js + Snapdom for PDF generation. The workflow is: first, I use Paged.js to paginate the content, then Snapdom to capture each page as an image, and finally feed those images into jsPDF.

On some low-end devices, like Redmi 7A, generating one PDF page takes around 5 seconds — so for a 10-page document, it could take about 50 seconds. On modern devices, though, the process is much faster. Overall, the results are quite good, and the implementation is relatively simple.

I’ve summarized the whole approach in this blog post: https://zhelin.me/post/8f412a886b1dffcb/#%E4%BA%94%E5%A6%82%E4%BD%95%E7%BB%93%E5%90%88-jspdf-%E7%94%9F%E6%88%90-pdf

Hope this helps anyone looking for a straightforward PDF generation solution!

[tinchox5]

Thank you very much for writing and sharing your post. It's awesome 👏

[jswhisperer]

That's an interesting approach, great for quickness, I'd point out this is for images as a pdf, often its beneficial to have text and links

[R2h1]

***@***.***的自动回复邮件。已收到您的邮件！

[tinchox5]

@ZhelinCheng I believe you ucan use the new plugin system to create a custom exporter like toPdf()

[ZhelinCheng]

Sounds great! Could you please let me know which branch has the corresponding documentation for the new plugin system and custom exporters (like toPdf())?

[tinchox5]

Yes! The plugin system is on dev branch. The docs are on dev and main branches.

[R2h1]

***@***.***的自动回复邮件。已收到您的邮件！