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.

什麼是Export SVG with Style?

Export SVG with Style是由oroadfc開發的Chrome擴展程式,該擴展的主要功能是“Adds a SVG export button to the browser, which spits out SVG DOM elements present on page as files including CSS.”。

擴展截圖

screenshot

下載Export SVG with Style擴展crx文件

下載Export SVG with Style擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。

擴展使用說明

                        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                    

擴展基本資訊

名稱 Export SVG with Style Export SVG with Style
ID dkjdcaddoplepioppogpckelchefhddi
官方網址 https://chromewebstore.google.com/detail/export-svg-with-style/dkjdcaddoplepioppogpckelchefhddi
簡介 Adds a SVG export button to the browser, which spits out SVG DOM elements present on page as files including CSS.
檔案大小 21.41 KB
安裝次數 5,834
目前版本 1.23
更新時間 2021-07-23
上架時間 2019-02-11
評分 3.17/5 共 41 次評分
開發者 oroadfc
電子郵箱 [email protected]
付費類型 free
說明頁面URL https://github.com/martingraham/svgExport
支援的語言 en-GB
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"
}