Export SVG with Style1.23
向浏览器添加一个 SVG 导出按钮,将 SVG DOM 元素作为包含 CSS 的文件发送到页面上。将网页上的任何 SVG DOM 元素(现在包括同源 IFrame 中的那些元素)导出到文件,以进一步用于 Inkscape 等绘图包。通过 CSS 类扫描 SVG 及其子元素使用的样式,并将它们作为独立样式元素添加到
更新日期:2021年 8月 29日分类标签:工具语言:中文平台:
21.41KB 1 人已下载 手机查看
简介:
向浏览器添加一个 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 导致崩溃的错误。感谢 Robert Kerr 发现这一点。 1.19:感谢 Severin Neumann 添加了包含嵌入 SVG 中的图像的功能。 1.20:捕获样式表访问异常错误1.22:添加警报弹出窗口,说明 svgExport 发现了什么。使用稍微有用的文件名保存 svg(svg 元素的 id 和类) 1.23 更新清单 v3,删除一些不需要的权限