Unsupported features/Known issues

Question

Unsupported features/Known issues

HackbrettXXX opened this issue 5 years ago · 22 comments

Here is a list of known issues/unsupported features.

foreignObject support
transforms on elements other than path within clipPath
textPath attribute
text stroking
textLength attribute
glyph elements
mask and filter elements
animations
most units other than px
different opacities on gradient stops

Answer 1 · 2019-07-01T09:52:58.000Z

To me it would make sense to put the feature "Images with urls that are not inline data urls" in an issue
on its own. There is the jsPDF.addImage() module which could be looked at for the functionality.

Answer 2 · 2019-07-01T10:34:24.000Z

The addImage plugin also basically only supports data urls. I just saw that the original jsPDF made some changes to support other urls via synchronous requests. Synchronous requests are deprecated and should usually not be used, though. As far as I can see there is also no option to preload images. So we can support non-data-urls only when we make the API of svg2pdf asynchronous. This should be done together with a 2.0 release.

Answer 3 · 2020-01-16T13:53:58.000Z

I tried rounded corner rects (rx attribute), but the pdf export ignore this attribute.

Answer 4 · 2020-01-16T15:35:12.000Z

As far as I know, the rx/ry attributes are fully supported. Are you sure your SVG is correct? Could you give us a snippet of your SVG?

Answer 5 · 2020-01-16T16:08:25.000Z

Yes you are right! This was showing good in the browser but not in the pdf
<rect width="60" height="60" rx="15" />
I had to add ry value and now works perfectly fine.
<rect width="60" height="60" rx="15" ry="15"/>
Thanks por pointing that it is supported!

Answer 6 · 2020-01-16T16:45:47.000Z

Actually, your SVG is right. MDN states

If a properly specified value is provided for rx but not for ry (or the opposite), then the browser will consider the missing value equal to the defined one.

So omitting one of the values is correct. We should fix this (#126).

Answer 7 · 2020-01-21T13:50:17.000Z

Hi again. Wanted to know if the text style attribute 'font-weight' is implemented.
I am using it and the svg shows correctly but the pdf looks 'regular' everywhere. Is there something I am doing wrong?

Answer 8 · 2020-01-21T14:01:50.000Z

Interesting! It works by using 'bold', 'normal' but not with numeric value. Anyway, would like to add a 'light' type with the existing fonts.

Answer 9 · 2020-01-21T14:22:13.000Z

Yes. This is mainly because jsPDF only supports 'normal', 'bold', etc.. With custom fonts and some tricking, we might be able to support other font styles, though. When adding a font to jsPDF, you can also specify the font-style, which in theory, could also be a numeric value. Needs to be tested though.
Also, svg2pdf needs to support numeric values. Created a new issue (#128).

Answer 10 · 2020-07-17T13:50:34.000Z

Ah, accidentally copied the wrong issue number in #140.

Answer 11 · 2021-11-09T08:50:38.000Z

Unfortunately does not support filter elements, my svg has Gaussian blur and shadows, is there any way to work properly in pdf again?

Answer 12 · 2021-11-10T09:06:42.000Z

AFAIK, PDF has no native feature like SVG filters. A workaround might be to replace all elements with filters in the SVG with <image>s of the rendered element.

Answer 13 · 2021-12-02T21:02:27.000Z

Hi, there is any way to add multiple svgs instead one?

Answer 14 · 2021-12-03T08:38:50.000Z

Hi, there is any way to add multiple svgs instead one?

Sure, just make more calls to doc.svg(...)

Answer 15 · 2021-12-03T14:39:21.000Z

Hi @yGuy, thanks for your quick answer. I already tried but with more than one is not rendered in pdf.
This pdf has only one page with a canvas image, and i'm trying to add multiple svg (with paths) layers above this image.

Answer 16 · 2021-12-03T14:46:43.000Z

Did you confirm the SVGs are in fact not there? Are they maybe just occluding each other? Please check if maybe something else is going wrong... maybe not all calls to doc.svg() are actually called? If you think this is an issue of svg2pdf, please provide a runnable example, so we can reproduce the issue.

Answer 17 · 2021-12-06T17:27:04.000Z

Hi @HackbrettXXX, i will analyse what might be going through and if necessary i will open an issue with a runnable example. Thanks boths for your help.

Answer 18 · 2021-12-23T08:07:15.000Z

Hi, please tell me why mask is not supported. As far as I know, pdf should support masking.

Answer 19 · 2021-12-23T09:24:14.000Z

@xurenda You are right, PDF supports masking and it would probably be possible to add support for the feature. It just hasn't been implemented so far, because it's used rather rarely. We would happily merge and assist with a pull request, though. Although we need to add the masking feature to jsPDF, as well, first.

Answer 20 · 2021-12-23T09:29:04.000Z

@HackbrettXXX Okay, thank you for your reply, I need the mask very much, but I am not good enough, I hope someone can solve it.😄

Answer 21 · 2022-06-05T19:11:37.000Z

HI! Did you have a plan to support CMYK colors as jsPDF supports it?
Maybe using custom property like device-cmyk=""

Answer 22 · 2022-07-22T23:03:22.000Z

I'd be very grateful for support for transform-origin!