English (UK)
See more
Adds a SVG export button to the browser, which spits out SVG DOM elements present on page as files including CSS.
Latest Version
Version
1.23
Update
July 22, 2021
Size
21.41KiB
Developer
Category
Users
5,000+ 
Rating
3.19048 ★
Manifest Version
3
Web Store Status
Extension ID
Languages Support
Permissions
Export SVG with Style Extension
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
Read more
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
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Export SVG with Style", "description": "Adds a SVG export button to the browser, which spits out SVG DOM elements present on page as files including CSS.", "version": "1.23", "background": { "service_worker": "background.js" }, "content_scripts": [ { "matches": ["http://*/*","https://*/*"], "js": ["svgexp.js", "fileSaver/FileSaver.js"] } ], "permissions": [], "action": { "default_title": "Export SVG", "default_icon": "svg_16x16.png" }, "manifest_version": 3, "icons": { "16": "svg_16x16.png", "48": "svg_48x48.png", "128": "svg_128x128.png" }, "author":"Martin Graham"}
Read more
Similar Extensions
SVG Export 5,000+ 211 ★ 316KiB
SVG Screenshot 5,000+ 7 ★ 14.85KiB
SVG Navigator 5,000+ 44 ★ 79.85KiB
SVG Gobbler 5,000+ 95 ★ 1.18MiB
Canvas downloader. Find and export. 5,000+ 19 ★ 192KiB
SVG downloader 5,000+ 62 ★ 68.46KiB
HTML to Figma - by Builder.io 5,000+ 46 ★ 343KiB
SVG Screenshot 5,000+ 27 ★ 511KiB
Save SVG as PNG 5,000+ 58 ★ 99.75KiB
GitHub Inline SVG 5,000+ 3 ★ 10.42KiB
SVG link viewer 5,000+ 6 ★ 34.06KiB
Download svg 5,000+ 7 ★ 1.03MiB
CSS Used 5,000+ 184 ★ 164KiB
CSSSteal 5,000+ 46 ★ 557KiB
Amazing Icon Downloader 5,000+ 14 ★ 55.52KiB
SVG Fetcher 5,000+ 3 ★ 13.13KiB
Protoship Teleport 5,000+ 11 ★ 297KiB
Site Palette 5,000+ 344 ★ 297KiB
User CSS 5,000+ 264 ★ 298KiB
LiveReload 5,000+ 808 ★ 60.78KiB
Amino: Live CSS Editor 5,000+ 453 ★ 1.45MiB
CSS remove and combine 5,000+ 115 ★ 270KiB
eXtract Snippet 5,000+ 38 ★ 297KiB
Stylebot 5,000+ 1603 ★ 10.27MiB
User reviews
Dmitry Monarev (ID: 000000eb853a2948) Voted 1 ★ - Updated 02/20/2023
Gus Alizade (ID: 00000040ed951a18) Voted 1 ★ - Updated 11/01/2021
Sudev Suresh Sreedevi (ID: 0000008b486d767d) Voted 2 ★ - Updated 07/01/2021
Michael Wolz (ID: 0000006553cfdd80) Voted 5 ★ - Updated 11/04/2019
simon (ID: 0000006f417c10e9) Voted 3 ★ - Updated 08/26/2019
Latest Updates
Top Rated
Hola VPN - Your Website Unblocker
Adblock for Youtube™
AdBlock — block ads across the web
Video Downloader Professional
Adblock Plus - free ad blocker
Stands AdBlocker
Evernote Web Clipper
Argent X - Starknet Wallet
Touch VPN - Secure and unlimited VPN proxy
Pop up blocker for Chrome™ - Poper Blocker