如何在snapsvg中将一个元素附加到另一个元素中？

Question

我使用Snapsvg http://snapsvg.io/

制作多米诺骨牌

到目前为止，这是代码。

var s = Snap(800,600);

// elem structure
var elem = s.rect(10,10,100,200);
var s1  = s.rect(0,0,90,90);

elem.attr({
    fill: '#fff',
    stroke: '#000',
    strokeWidth: 2
});

s1.attr({
    fill: '#bada55'
});

s1.append(elem)

我构建了宽度为100且高度为200的棋子结构var elem，我构建了一个正方形var s1宽度：90高度：90。我试图在s1内附加elem。当我使用s1.append(elem)时，elem消失了，我做错了什么？

Answer 1

在SVG图形元素中，即rect，polygon等不可嵌套。

有容器（Paper.group）可以包含图形元素，您可以根据需要添加变换以一次移动多个元素。你可以创建其中一个并将你的rect元素作为兄弟姐妹放在其中。