_{Snap.svg demo之}Paper.g()

Paper.g([varargs])

创建元素组。

参数

• varargs 要组队的小伙伴们。

返回值

对象。g元素。

使用

圈圈和方块搞在一起。

<svg id="svg" width="300" height="100"></svg>

var svg = Snap("#svg");
var c1 = svg.paper.circle(50, 50, 40), c2 = svg.paper.rect(150, 10, 120, 80);
var g = svg.paper.g(c2, c1); // 注意这里元素的顺序是不一样的

或者

var svg = Snap("#svg");
var c1 = svg.paper.circle(50, 50, 40), c2 = svg.paper.rect(150, 10, 120, 80);
var g = svg.paper.g();
g.add(c2, c1);

效果

生成HTML