Export SVG with Style
-
简介:生产工具
- 攻略:下载的 crx 插件如何安装到浏览器上?
- 简介:生产工具
- 攻略:下载的 crx 插件如何安装到浏览器上?

向浏览器添加一个 SVG 导出按钮,它会将页面上发送的 SVG DOM 元素作为包括 CSS 在内的文件输出。
将网页上的任何 SVG DOM 元素(现在包括同源 IFrame 中的元素)导出到文件,以便在 Inkscape 等绘图包中进一步使用。
扫描 CSS 类以获取 SVG 及其子元素使用的样式,并将它们作为独立样式元素添加到 SVG 对象中,因此生成的 SVG 文件不依赖于外部 CSS 类。适合传递使用 D3 生成的可视化。
----
使用 Eli Grey 的 fileSaver 例程:https://github.com/eligrey/FileSaver.js/
1.1:现在添加虚拟 svg 节点,它保存 svg 元素的父节点的计算样式。消除了一些差异。
1.11:虚拟 svg 节点现在拥有实际 svg 元素的计算样式,解决了几个进一步的错误。
1.12:捕获由无效样式规则引起的错误而不是崩溃
1.13:解决了与父样式识别有关的更多错误。
1.14:现在也可以在 IFrame 中拉出 svg 元素。
1.15: 当 css 样式不发送时的错误修复 - xinczhang
1.16:修复 IFrame 无法访问时的错误(导致崩溃)
1.17:修正了应用到 svg 元素本身的样式没有被拾取的问题
1.18:修正了类是 SVGAnimatedString 导致崩溃的问题。感谢罗伯特·克尔发现这一点。
1.19:感谢 Severin Neumann 添加嵌入 SVG 图像的能力。
1.20:捕获样式表访问异常错误
1.22:添加警报弹出窗口以说明 svgExport 发现了什么。使用稍微有用的文件名(svg 元素的 id 和 class)保存 svg
1.23 更新到 manifest v3,移除一些不需要的权限
评论