Embedding SVG in PDF (exporting SVG to PDF using JS)

by

For anyone looking for a JS-only solution: PDFKit seems to be the superior solution to generate PDF from JS these days, and it supports all SVG geometry primitives (including interpreting path geometry strings) out of the box. All that would be needed to render existing SVG content would be a DOM-walker that keeps track of CSS styling and inheritance, if you do not require complex stuff like symbols etc.

I wasn’t successful with the sketchy SVG support of the jsPDF/svgToPdf combo mentioned in the other answer, and the source code of these two didn’t look very well-crafted and complete to me.

Edit: Usage example JSFiddle

More Related Contents:

  1. Generating PDF files with JavaScript
  2. Generate PDF of only one sheet of my spreadsheet
  3. Export Highcharts to PDF (using javascript and local server – no internet connection)
  4. Convert SVG to image (JPEG, PNG, etc.) in the browser
  5. jQuery SVG, why can’t I addClass?
  6. Sign PDF with plain JavaScript
  7. Print PDF directly from JavaScript
  8. Can a PDF file’s print dialog be opened with Javascript?
  9. How to add a tooltip to an svg graphic?
  10. Opening PDF String in new window with javascript
  11. Changing SVG image color with javascript
  12. PDF Blob – Pop up window not showing content
  13. How do you access the contents of an SVG file in an element?
  14. Can I set the filename of a PDF object displayed in Chrome?
  15. Save base64 string as PDF at client side with JavaScript
  16. How to save svg canvas to local filesystem
  17. How to prevent an HTTP request just for a favicon?
  18. Save a pre element as PDF with CSS
  19. How to draw a path smoothly from start point to end point in D3.js
  20. (Embed and) Refer to an external SVG via D3 and/or javascript
  21. Plotting points on a map with D3
  22. How can I animate a progressive drawing of svg path?
  23. How to draw a vector path progressively? (Raphael.js)
  24. Set the default save as name for a an or that uses a Blob [duplicate]
  25. size of createElement(“svg”) is 0,0
  26. How to show SVG file on React Native?
  27. How to display a pdf in a modal window? [closed]
  28. Is there an equivalent of canvas’s toDataURL method for SVG? [closed]
  29. Include SVG files with HTML, and still be able to apply styles to them?
  30. convert HTML ( having Javascript ) to PDF using JavaScript [closed]

Leave a Comment