Paper.g([varargs])

创建元素组。


参数

varargs 要组队的小伙伴们。


返回值

对象。g元素。


使用
<svg id="svg" width="100" height="100"></svg>
var svg = Snap("#svg");
var c1 = svg.paper.circle(50, 50, 40), c2 = svg.paper.rect(100, 10, 30, 80);

var g = svg.paper.g(c2, c1); 
//同等于 
var g = svg.paper.g();
g.add(c2, c1);


HTML变化

重组前:

<svg height="100" id="svg" width="200">
    <desc>Created with Snap</desc>
    <defs></defs>
    <circle cx="50" cy="50" r="40"></circle>
    <rect height="80" width="30" x="100" y="10"></rect>
</svg>

重组后:

<svg id="svg" width="200" height="100">
    <desc>Created with Snap</desc>
    <defs></defs>
    <g>
        <rect x="100" y="10" width="30" height="80"></rect>
        <circle cx="50" cy="50" r="40"></circle>
    </g>
</svg>