how to save/ export inline SVG styled with css from browser to image file

Question

I have a web app that is generating inline SVG graphics in the client on the fly based on user interaction. The graphic is defined partly by element attributes and partially by

Answer 1

You will need to explicitly set the calculated css styles as SVG dom style properties for each SVG element before saving it. Here is an example:

    
    
    
    



image original:



image computed: