【问题标题】:Export an SVG from DOM to file将 SVG 从 DOM 导出到文件
【发布时间】:2012-02-16 22:12:14
【问题描述】:

我正在使用 d3.js 创建一个图表,我想了解如何以矢量格式导出以在 illustrator 中进行编辑。这可能吗?这是生成的代码的 sn-p:

【问题讨论】:

标签: javascript html svg d3.js


【解决方案1】:

还有更复杂的方法涉及 node.js 和服务器端渲染,但一种快速、简单的方法是从 DOM 复制 svg 元素,将其粘贴到文件中并使用扩展名 .svg 保存

之后,您可以在矢量编辑器中打开它。

【讨论】:

  • 快速更新:由于上述方法不会考虑外部 css 文件,我发现更好的方法是使用此命令行工具将 html 内容写入 pdf:@987654321 @
  • 更新 #2:SVG Crowbar 是一个超级方便的工具,专为此目的而设计 nytimes.github.io/svg-crowbar
  • 此方法在leaflet.js 地图上的svg 图层上效果特别好。谢谢!
【解决方案2】:

你可以试试这个:saveSvgAsPng

【讨论】:

  • OP 要求以矢量格式导出,而您建议的库则相反。
猜你喜欢
  • 2014-11-21
  • 2014-05-17
  • 1970-01-01
  • 1970-01-01
  • 2014-10-18
  • 2018-07-02
  • 2010-09-10
  • 2016-03-11
  • 2019-09-20
相关资源
最近更新 更多