SVG is not properly rendered in the pdf

[robiXxu]

SVG is not properly rendered in the pdf

[yGuy]

The problem is something else. I don't believe the curly braces are a problem. At least they do work in my stripped down test:

Playground Link

The problems are:
There is a bug in your SVG for the path syntax. It's invalid and it seems svg2pdf is less lenient than the browser, here:

You may not have a comma after the MoveTo command, so instead of d="M 0 0,L 1 1" you need to have d="M 0 0 L 1 1". There is no comma allowed between the draw commands: Spec

The other problem is that your font size is given in percentage units. Svg2pdf does not understand this (a percentage of what?). Change your SVG to use absolute font sizes and it will work as in my example.

[waruyama]

The issue is caused by the curly braces in the HTML comments. I think this is a valid bug, as everything between <!-- and --> should just be ignored.

Also, note that in the codepen the same SVG is included twice, probably by accident.

[robiXxu]

The issue is caused by the curly braces in the HTML comments. I think this is a valid bug, as everything between <!-- and --> should just be ignored.

Removed all html comments https://codepen.io/robixxu/pen/MWGJmzq but i get the same result

Also, note that in the codepen the same SVG is included twice, probably by accident.

Yes, fixed.

[robiXxu]

The problem is something else. I don't believe the curly braces are a problem. At least they do work in my stripped down test:

Playground Link

The problems are: There is a bug in your SVG for the path syntax. It's invalid and it seems svg2pdf is less lenient than the browser, here:

You may not have a comma after the MoveTo command, so instead of d="M 0 0,L 1 1" you need to have d="M 0 0 L 1 1". There is no comma allowed between the draw commands: Spec

The other problem is that your font size is given in percentage units. Svg2pdf does not understand this (a percentage of what?). Change your SVG to use absolute font sizes and it will work as in my example.

Thank you! I appreciate it.
Have a great day/night!