☰

是否可以将 SVG‘对象’从网页复制到绘图程序中？

tag-icon • tag-icon browser html svg
是否可以将 SVG‘对象’从网页复制到绘图程序中？

我一直在使用http://www.webgraphviz.com/生成一些图表。该页面的工作原理是将 SVG 动态渲染到同一页面的 HTML 中。

我希望能够从页面复制 SVG 图像，并在 Inkscape 等工具中使用它们进行进一步编辑。但尝试复制/粘贴显然行不通（在 Chrome 中）。浏览器似乎无法像识别 PNG 或 JPEG 那样将 SVG 作品识别为图形。

理想情况下，我想做的是像对位图图像一样简单地复制/粘贴 SVG 图像。

请注意，在我上面使用的页面上，由于页面的动态特性，查看源代码也不起作用。在源代码中它只显示：

<div id="graphviz_svg_div">
  <!-- Target for dynamic svg generation -->
</div>

但即使有，那也只是一种解决方法。如果没有其他方法，获取 SVG 文本会很有用，但这不是我真正想要的。

答案1

应该可以使用大多数现代浏览器内置的开发人员控制台来检索 SVG 的标记。

Chrome 和 Firefox

生成 SVG 后，按 F12 启动开发者控制台。您也可以右键单击图形并选择“检查”。这将在开发者控制台中突出显示该元素。

如果您沿 DOM 树向上导航，您将找到父 SVG 标签。单击以选择它。右键单击 SVG 标签并选择“复制”，然后选择“复制外部 HTML”。这会将 SVG 的整个标记放入剪贴板，然后您可以将其粘贴到您最喜欢的文本编辑器中，并使用 SVG 文件扩展名保存它。

相关内容