文章目录

### 学习心得:

  • 在Snap.svg中,Snap(...)创建的对象就像是一块画布,而它的paper属性就是真正作画的白纸画稿。我们在白纸上画各种图形,如:圆,方形等。所以这样:
    1
    2
    var svg1 = Snap('#svg1);
    var c = svg1.paper.circle(50, 50, 50);

我们做画时可以有多个画布,画布上的白纸上可以画 n 个图形。 同时我们还不光可以组合图形,还可以是画布。如:

1
2
3
4
5
6
7
8
9
var svg1 = Snap('#svg1);
var c1 = svg1.paper.circle(50, 50, 40).attr({
fill: '#F00'
});
var svg2 = Snap('#svg2);
var c2 = svg2.paper.circle(50, 50, 30).attr({
fill: '#00F'
});
svg1.append(c2);

这样就是把画布2上的圆挪到了画布1上。当然也可以对画布进行嵌套。

文章目录