saveSvgAsPng makes svg's image fill disappear (d3.js) about savesvgaspng HOT 9 OPEN

I can see from the source code this line: if (cachedRules) return cachedRules;

I guess the cached stylesheet might be obsoleted after DOM changes couple of times.

from savesvgaspng.

@pavodev I also have the same issue. Did you use it with a react project?

from savesvgaspng.

Hi @vuquanghoang, yes I'm using it in a React project!

from savesvgaspng.

The reason might be this library stores cache for stylesheet. Whenever we change the content, especially if we use styled-component, the className changes => no longer match. It cannot map style to inline => some shape / appearance missing. my current solution is set extra value for className on some elements use selectorRemap function. it might not good enough but working.

@exupero do you have any idea for this case? can we disable cache in option?

from savesvgaspng.

Actually I'm not using styled components. Most of the SVG styles are managed by d3js (the library I'm using to draw my SVGs) and I fear this is the root problem in my case since both d3js and React work in parallel on the DOM, this may complicate everything

from savesvgaspng.

I just tested this library in a prototype I'm building and observed the issue on Firefox and Safari, but not on Chrome.

from savesvgaspng.

from savesvgaspng.

Are you also using React?

No, I'm not depending on React and not d3j.js either.

from savesvgaspng.

from savesvgaspng.