Javascript 将两个快照svg组合并为一个组

我有两个snap svg组

grp1

和

grp2

。现在我想把这两个组合并成一个组。我尝试过

append（）

，

appendTo（）

，

prepend（）

，

prependTo（）

，但它们都以这样或那样的方式将一个组添加到另一个组中

这是

---

有人知道如何实现这一点吗？

使用SnapSVG，您不是在使用节点

这意味着您的

g1

和

g2

是捕捉对象

要使用像

append

这样的DOM方法，需要深入挖掘以访问节点

• 文件：

SnapSVG的优点是可以链接方法

工作代码：

让画布=捕捉（“#画布”）；
设g1=canvas.g（）
.add（canvas.rect（10,10,80,60）.attr（{fill:'green'}））
.add（canvas.circle（150,60,40）.attr（{fill:'gold'））；
设g2=canvas.g（）
.add（canvas.circle（150,60,20）.attr（{fill:'red'}））；
g1.node.append（…g2.node.children）；
g2.删除（）；
document.body.append（canvas.node.innerHTML）

使用SnapSVG，您不是在使用节点

这意味着您的

g1

和

g2

是捕捉对象

要使用像

append

这样的DOM方法，需要深入挖掘以访问节点

• 文件：

SnapSVG的优点是可以链接方法

工作代码：

让画布=捕捉（“#画布”）；
设g1=canvas.g（）
.add（canvas.rect（10,10,80,60）.attr（{fill:'green'}））
.add（canvas.circle（150,60,40）.attr（{fill:'gold'））；
设g2=canvas.g（）
.add（canvas.circle（150,60,20）.attr（{fill:'red'}））；
g1.node.append（…g2.node.children）；
g2.删除（）；
document.body.append（canvas.node.innerHTML）