foreignObject Breaking svg2pdf.js PDF Generation about mind-elixir-core HOT 6 CLOSED

I understand, for now, I'll use this patch. It works reasonably well in my current scenario, as the node text isn't extensive. If possible, could you add an option or another method that doesn't require modifying the mind-elixir source code? I anticipate that this patch could become unstable with future mind-elixir updates.

from mind-elixir-core.

https://github.com/ssshooter/mind-elixir-core/blob/3a7271d026e64e53a3841d77c24e36d30456bfd3/api/mind-elixir.api.md?plain=1#L29

Have a try~

from mind-elixir-core.

I'm curious as to why generateSvgText isn't used universally.

Because svg text doesn't wrap by default. You have to calculate width of each character to decide when to wrap a line, which is difficult and slow.

So If you don't care about text wrapping, you can just replace generateSvgTextUsingForeignObject with generateSvgText. 😂

from mind-elixir-core.

@SSShooter Thanks! It works!

But 4dddb32#diff-22661bb30bb26ab73ab4ec6375682479d6635ce978aaa6b8a3f2ae02e68a9db0R50-R56 breaking another things:

When calling the exportSvg() or exportSvg(true), an error message appears in the console: Error: <rect> attribute width: Expected length, "auto".

Upon checking, it appears that <rect> elements are being generated as <rect x="661" y="821" rx="0px" ry="0px" width="auto" height="auto">

This issue seems to arise because the getComputedStyle function, when used on a span element, returns a width value of auto.

from mind-elixir-core.

@SSShooter Thanks! It works!

But 4dddb32#diff-22661bb30bb26ab73ab4ec6375682479d6635ce978aaa6b8a3f2ae02e68a9db0R50-R56 breaking another things:

When calling the exportSvg() or exportSvg(true), an error message appears in the console: Error: <rect> attribute width: Expected length, "auto".

Upon checking, it appears that <rect> elements are being generated as <rect x="661" y="821" rx="0px" ry="0px" width="auto" height="auto">

This issue seems to arise because the getComputedStyle function, when used on a span element, returns a width value of auto.

please check 3.2.6

from mind-elixir-core.

@SSShooter Thanks! It works!
But 4dddb32#diff-22661bb30bb26ab73ab4ec6375682479d6635ce978aaa6b8a3f2ae02e68a9db0R50-R56 breaking another things:
When calling the exportSvg() or exportSvg(true), an error message appears in the console: Error: <rect> attribute width: Expected length, "auto".
Upon checking, it appears that <rect> elements are being generated as <rect x="661" y="821" rx="0px" ry="0px" width="auto" height="auto">
This issue seems to arise because the getComputedStyle function, when used on a span element, returns a width value of auto.

please check 3.2.6

Test successful, the functionality is now working as expected.

from mind-elixir-core.