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

Question

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

最佳

Answer 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)

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

manipulate svg outside the DOM, before ignite it

browser

arrays

svg

svg.js