如何使用Snap.svg操作现有的组元素

Question

我们有一个现有的svg文件，我们想用一个新元素替换一个group元素。是否可以使用Snap.svg？

var oldGroup = Snap.select("[id='" + oldGroupId + "']");

oldGroup.outerSVG(newGroup); //This is what I want to do but outerSVG is readonly

Answer 1

您不能仅使用outerSVG重新发布元素。您没有提供足够的信息来提供完整正确的答案，因为我们无法看到现有的元素，但它可能类似于......

var parent = oldGroup.parent();
oldGroup.remove();
parent.add( newGroup ) 

这取决于'newGroup'是什么。如果它是一个DOM元素，我认为它会起作用。如果它只是一些SVG标记，你可能需要做类似的事情

parent.add( Snap.parse( newGroup ) );