Snap.svg
更新日期:
文章目录
### 学习心得:
- 在Snap.svg中,Snap(...)创建的对象就像是一块画布,而它的paper属性就是真正作画的白纸画稿。我们在白纸上画各种图形,如:圆,方形等。所以这样:
12var svg1 = Snap('#svg1);var c = svg1.paper.circle(50, 50, 50);
我们做画时可以有多个画布,画布上的白纸上可以画 n 个图形。
同时我们还不光可以组合图形,还可以是画布。如:
123456789var 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上。当然也可以对画布进行嵌套。