在 DOM 之外操作 svg，然后再点燃它答案

【问题标题】：manipulate svg outside the DOM, before ignite it在 DOM 之外操作 svg，然后再点燃它
【发布时间】：2018-04-23 14:15:11
【问题描述】：

所以我正在处理 svg 操作，并且正在查看 svg.js。我的问题是：在将 svg 导入 DOM 之前，我可以在后台操作它吗？我不需要初始图像，只需对其进行操作即可。

最佳

【问题讨论】：

请详细说明：“初始图像”从何而来？描述您想要实现的工作流程。
所以基本上假设我有一个来自插画家的 svg。我可以在页面中上传它，但我想要做的不是直接显示它，因为它是。相反，我想逐条选择所有元素，并将它们转换成不同的东西。这个新文件是我最终想要显示的。
描述“上传”。到服务器？
实际上是一个网页。就像在页面加载时一样，或者来自用户。
还请描述一下您所说的操纵究竟是什么意思？方法的例子或任何你想要的 svg plz

标签： arrays svg browser svg.js

【解决方案1】：

svg.js 只能操作节点。在大多数情况下，这些是否在 DOM 中并不重要。但是，您无法获得不在 dom 中的元素的边界框。当您使用依赖于 bbox 方法的方法时，这可能是一个问题。

除此之外很简单：

let canvas = SVG.adopt(rootNode)
canvas.rect(200, 200)

// or more abstract
// creates rect node outside of the dom
let rect = new SVG.Rect().size(200, 200)

【讨论】：