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.
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
Latest reviews
CSS Variables are ignored (not included in the exported files).
Не работает
плагин не работает. непонятно зачем он нужен
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.
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.
Worked like expected :)
Worked like expected :)
what is savedSVGExport0.svg
what is savedSVGExport0.svg
Note: If you have already a webpage with svg files open, you have to reload it after the installation of this extension to get it work. Works very well but could be improved, if the downloaded files do not have numbers in their file names, but the names of the svg images (if it is possible to get them). Instead of "savedSVGExport0.svg" it would be better "savedSVGExportWarning.svg" etc. or simply "warning.svg"
Note: If you have already a webpage with svg files open, you have to reload it after the installation of this extension to get it work. Works very well but could be improved, if the downloaded files do not have numbers in their file names, but the names of the svg images (if it is possible to get them). Instead of "savedSVGExport0.svg" it would be better "savedSVGExportWarning.svg" etc. or simply "warning.svg"
Cant select a PNG before downloading. have to download them all
Cant select a PNG before downloading. have to download them all
Didn't work for me as expected. Instead of creating one SVG of the whole page it downloads every single element of the page as as individual SVG file, each raising a separate download dialog. Those 50 download dialogs appear non-stop one after another - makes it impossible to close the browser tab until they're over. Tested on pinterest.com (logged in)
Didn't work for me as expected. Instead of creating one SVG of the whole page it downloads every single element of the page as as individual SVG file, each raising a separate download dialog. Those 50 download dialogs appear non-stop one after another - makes it impossible to close the browser tab until they're over. Tested on pinterest.com (logged in)
It doesn't do anything. I'm trying to export .svg files loaded in here (click on an element to render svg variants on the canvas). http://emblemsbf.com/komod/
It doesn't do anything. I'm trying to export .svg files loaded in here (click on an element to render svg variants on the canvas). http://emblemsbf.com/komod/
Doesn't work. I press the button and nothing!
Doesn't work. I press the button and nothing!
Pressing the button doesn't do anything. Using this on Chrome 66.0.3359.170 running on linux Ubuntu 18.04. Was hoping to use this plugin to help me export Google Sheets graphs in vector format.
Pressing the button doesn't do anything. Using this on Chrome 66.0.3359.170 running on linux Ubuntu 18.04. Was hoping to use this plugin to help me export Google Sheets graphs in vector format.
Tried on 64-bit Chrome on Windows 7 and 32-bit Chrome on Ubuntu Linux. Pressing the button does absolutely nothing. No download. No error message. Vaporware as far as I'm concerned. Great idea. Let me know when it does something. I tried the python 1-liner webserver stunt. No error message and no download. python -m SimpleHTTPServer 1234 http://localhost:1234/sample.html SVG image renders fine. Won't download.
Tried on 64-bit Chrome on Windows 7 and 32-bit Chrome on Ubuntu Linux. Pressing the button does absolutely nothing. No download. No error message. Vaporware as far as I'm concerned. Great idea. Let me know when it does something. I tried the python 1-liner webserver stunt. No error message and no download. python -m SimpleHTTPServer 1234 http://localhost:1234/sample.html SVG image renders fine. Won't download.
I can only download the last svg element. like saved30 and no more.
I can only download the last svg element. like saved30 and no more.
I have looked for exactly this solution! Works perfectly!
скачались все svg c сайта в один файл. Очень удобно
Работает, большое спасибо!
Thanks~ It works very well.
Thanks~ It works very well.
Did exactly what it says on the tin. Stellar effort!
Did exactly what it says on the tin. Stellar effort!
It only exports some pages and just a few elements.
It only exports some pages and just a few elements.
сохранил с сайте все нужные мне SVG
Doesn't work at all
Doesn't work at all
Works well! Thanks a lot!
Works well! Thanks a lot!
It works good!
It works good!
It works! I don't get the down votes.
It works! I don't get the down votes.
I am trying to use it on http://www.ctera.com/technology/platform/ it doesn't do a thing, no dialog, nothing in downloads. Clicking the icon does nothing.
I am trying to use it on http://www.ctera.com/technology/platform/ it doesn't do a thing, no dialog, nothing in downloads. Clicking the icon does nothing.
It just doesnt work, nothing else to say.
It just doesnt work, nothing else to say.
It just works, which is exactly what you'd hope for with a tool that is entirely designed to simply extract an SVG.
It just works, which is exactly what you'd hope for with a tool that is entirely designed to simply extract an SVG.
It works as it should. Getting on a Website with SVG inbound, press the button and finish.
