Export SVG with Style Chrome 插件, crx 扩展下载
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
分类 | 📝工作流程与规划 |
插件标识 | dkjdcaddoplepioppogpckelchefhddi |
平台 | Chrome |
评分 |
★★☆☆☆
2.6
|
评分人数 | 58 |
插件主页 | https://chromewebstore.google.com/detail/export-svg-with-style/dkjdcaddoplepioppogpckelchefhddi |
版本号 | 1.23 |
大小 | 21.41KiB |
官网下载次数 | 5000 |
下载地址 | |
更新时间 | 2021-07-23 00:00:00 |
CRX扩展文件安装方法
第1步: 打开Chrome浏览器的扩展程序
第2步:
在地址栏输入: chrome://extensions/
第3步: 开启右上角的【开发者模式】
第4步: 重启Chrome浏览器 (重要操作)
第5步: 重新打开扩展程序管理界面
第6步: 将下载的crx文件直接拖入页面完成安装
注意:请确保使用最新版本的Chrome浏览器
同类插件推荐
GitHub Inline SVG
Shows an inline preview of SVG files on GitHubShow
SVG link viewer
Show previews of all links to SVGsSearches the DOM
Save SVG as PNG
Save SVG images as PNG. Navigate to an .svg file,
SVG Navigator
Adds zooming and panning capabilities to SVG files
SVG Screenshot
Create scalable screenshots.Take an SVG screenshot
Export SVG with Style
Adds a SVG export button to the browser, which spi
SVG downloader
download svg from any websiteSVG Downloader - Down
SVG Gobbler
Find, optimize, organize, edit, and export your SV
Download svg — 下载 svg
Download svg — 下载 svg:从任何网站导出 SVG 文件的免费解决方案隆重推出设计领
Canvas downloader. Find and export.
Extension helps detect if canvas is used at the we
SVG Export
Download SVGs from websites as SVGs, PNGs or JPEGs
HTML to Figma - by Builder.io
Import a web page to Figma layersUse this extensio