Export SVG with Style

用户数 : 100000+ 时间 : 2022-09-01 版本 :0 分类 : 工具  
点击下载
       


向浏览器添加一个 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,移除一些不需要的权限

   

评论

密码 已复制

前往下载页面

低版本浏览器需手动复制密码再前往下载页面下载,谢谢