Export SVG with Style
Adds a SVG export button to the browser, which spits out SVG DOM elements present on page as files including CSS.
What is Export SVG with Style?
Stats
Chrome-Stats Rank
Other platforms
Summary
Exports any SVG DOM elements (now including those within same-origin IFrames) on a web page to files for further use in drawing packages such as Inkscape.
Scans through CSS classes for styles the SVG and their child elements uses and adds them as standalone style elements to the SVG object, so the generated SVG file doesn't depend on external CSS classes. Good for passing out visualisations generated with D3.
Uses Eli Grey's fileSaver routine: https://github.com/eligrey/FileSaver.js/
1.1: Now adds dummy svg node which holds computed style of svg element's parent node. Irons out a few discrepancies.
1.11: Dummy svg node now holds computed style of actual svg element, solves couple of further bugs.
1.12: Catches errors caused by invalid style rules rather than crashes
1.13: Couple more errors to do with parent style recognition ironed out.
User reviews
User reviews summary
Pros
- Works very well
- Saved all needed SVG files in one file
Cons
- Doesn't work as expected
- No response when clicked
- Downloads every single element as individual SVG files
Most mentioned
- Doesn't work
- Works well
- Pressing the button does absolutely nothing
Recent reviews
Safety
Risk impact
Export SVG with Style is relatively safe to use as it requires very minimum permissions.
Risk likelihood
Export SVG with Style has earned a good reputation and can be trusted.
Promo images
Similar extensions
Here are some Chrome extensions that are similar to Export SVG with Style: