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

How to manipulate existing group elements with Snap.svg

本文关键字：元素 操作 何使用 Snap svg      更新时间：2023-09-26

我们在女巫中有一个现有的svg文档，我们想用一个新的组元素替换一个组元素。可以使用 Snap.svg 吗？

var oldGroup = Snap.select("[id='" + oldGroupId + "']");
oldGroup.outerSVG(newGroup); //This is what I want to do but outerSVG is readonly

你不能只使用 outerSVG 来重新系带元素。您没有包含足够的信息来给出完整的正确答案，因为我们看不到现有元素的内容，但它可能是这样的。

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

这将取决于"新组"是什么。如果它是一个 DOM 元素，我认为它会起作用。如果它只是一些 SVG 标记，您可能需要执行类似操作 

parent.add( Snap.parse( newGroup ) );
相关文章：