Export SVG with Style là gì?

Export SVG with Style là một tiện ích mở rộng Chrome được phát triển bởi oroadfc, và tính năng chính của nó là "Adds a SVG export button to the browser, which spits out SVG DOM elements present on page as files including CSS.".

Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng

Tải xuống tệp CRX của tiện ích mở rộng Export SVG with Style

Tải xuống các tệp mở rộng Export SVG with Style dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.

Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng

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

Thông Tin Cơ Bản về Tiện Ích Mở Rộng

Tên	Export SVG with Style
ID	dkjdcaddoplepioppogpckelchefhddi
URL Chính Thức	https://chromewebstore.google.com/detail/export-svg-with-style/dkjdcaddoplepioppogpckelchefhddi
Mô tả	Adds a SVG export button to the browser, which spits out SVG DOM elements present on page as files including CSS.
Kích Thước Tệp	21.41 KB
Số Lần Cài Đặt	5,834
Phiên Bản Hiện Tại	1.23
Cập Nhật Lần Cuối	2021-07-23
Ngày Phát Hành	2019-02-11
Đánh Giá	3.17/5 Tổng số 41 Đánh Giá
Nhà Phát Triển	oroadfc
Email	[email protected]
Loại Thanh Toán	free
URL Trang Trợ Giúp	https://github.com/martingraham/svgExport
Ngôn Ngữ Được Hỗ Trợ	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" }