Path element cannot be exported to PDF

[cuixiping]

Currently, only line, rect, ellipse, circle, text elements can be exported to pdf.
see jspdf.plugin.svgToPdf.js.

Any <path> element in the svg document cannot be exported to pdf.

The following svg document will be exported as an empty pdf.
2 path elements are ignored.

<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg">
  <path d="m100,229c191,97 173,-94 379,45" fill="#FF0000" stroke="#000000" stroke-width="5"/>
  <path d="m223,101a114,62 0 1 0 219,2" fill="#FF0000" stroke="#000000" stroke-width="5"/>
</svg>

[brettz9]

As per #51 , we really should see about updating jsPDF (possibly requiring an update to the fork I was using for the SVG plugin or resuming use of upstream)... PRs welcome!

[brettz9]

Btw, which browser were you testing in? In my case, when I test in Firefox (as Chrome is not working for me), I see nothing at all in the PDF... FWIW, exporting to PNG works fine...

[cuixiping]

jsPDF supports bezier curves. But jspdf.plugin.svgToPdf.js (from CBiX/svgToPdf.js) does not support path element.

Maybe svgedit should use alafr/SVG-to-PDFKit which has much more features:

• shapes: rect, circle, path, ellipse, line, polyline, polygon
• special elements: use, nested svg
• text elements: text, tspan, textPath
• text attributes: x, y, dx, dy, rotate, text-anchor, textLength, word-spacing, letter-spacing, font-size
• styling: with attributes only
• colors: fill, stroke & color (rgb, rgba, hex, string), fill-opacity, stroke-opacity & opacity
• units: all standard units
• transformations: transform, viewBox & preserveAspectRatio attributes
• clip paths & masks
• images
• fonts
• gradients
• patterns
• links

[cuixiping]

I fixed it partially. But have not send PR.

It can export normal curves to PDF.
It supports MmLlQqCcZz commands but not HhVvAaTtSs yet.
It doen't support holes in path. All holes will be treated as normal shape.
I have no ideas to handle with holes.

[cuixiping]

Update: Path with holes has been ok.
Here is a pdf screenshot:

[cuixiping]

I am solving the HhVv commands and find another bug: convertPath function in path.js handle HhVv commands incorrectly.

[cuixiping]

I tried to write a cypress case for convertPath . It is a waste of life for me. 😂 😭
It's very difficult to make it work correctly for me.

[brettz9]

Awww.. Hopefully learned at least what not to do. :-) You tried a PDF parser or what?

[cuixiping]

Awww.. Hopefully learned at least what not to do. :-) You tried a PDF parser or what?

Not PDF. I just tried to test the convertPath function. The feature of exporting pdf needs this function.