Export SVG with Style chrome extension

Version: 1.23
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.
3.21 Based on 42 user rates

What is Export SVG with Style?

Export SVG with Style is a css extension for chrome. it's a free extension , it has 5,000+ active users since released its first version, it earns an average rating of 3.21 from 42 rated user, last update is 1011 days ago.


What’s new in version 1.23?

                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.

1.14: Can now also pull out svg elements within IFrames.

1.15: Bugfix when css styles not present - xinczhang

1.16: Bugfix when IFrame is inaccessible (caused crash)

1.17: Bugfix where styles applied to svg element itself weren't being picked up

1.18: Bugfix where class being an SVGAnimatedString caused a crash. Thanks to Robert Kerr for spotting this.

1.19: Thanks to Severin Neumann for adding the ability to include images embedded in SVG.

1.20: Catch stylesheet access exception error

1.22: Add alert popup to say what svgExport has found. Save svg's with slightly useful filenames (svg element's id and class)

1.23 Update to manifest v3, remove some unneeded permissions            

How to install Export SVG with Style?

You could download the latest version crx file or older version files and install it.


Preview of Export SVG with Style


Technical Features:

  • Latest Version: 1.23
  • Requirements: Windows Chrome, Mac Chrome
  • License: Free
  • Latest update: Thursday, July 22nd, 2021
  • Author: oroadfc

Export SVG with Style Available languages:

English (UK).


FAQ


Reviews of export svg with style:


Sudev Suresh Sreedevi July 1st, 2021
Sudev Suresh Sreedevi

Doesn't seem to do anything at all when clicked. Tried exporting SVG in an HTML page I created and there was no response. Tried to do the same on this very page (this comment page) to export svg icons here (the settings icon, for eg, is SVG) and did nothing.


Michael Wolz November 4th, 2019
Michael Wolz

Worked like expected :)


Mike Ramos January 3rd, 2019
Mike Ramos

Cant select a PNG before downloading. have to download them all

Read more review & comments of export svg with style