HTMLcopy
1
<div id="container"></div>
CSScopy
6
1
html, body, #container {
2
width: 100%;
3
height: 100%;
4
margin: 0;
5
padding: 0;
6
}
JavaScriptcopy
x
1
var stage = acgraph.create("container");
2
3
var firstCircle = stage.circle(75, 60, 55);
4
firstCircle.fill("#2196F3", 0.3);
5
var firstStar = stage.star5(55, 79, 45);
6
firstStar.fill("#F44336");
7
8
var secondCircle = stage.circle(75, 60, 55);
9
secondCircle.fill("#2196F3", 0.3);
10
var secondStar = stage.star5(55, 79, 45);
11
secondStar.fill("#F44336");
12
13
var firstLayer = stage.layer();
14
firstLayer.addChild(firstCircle);
15
firstLayer.addChild(firstStar);
16
17
var secondLayer = stage.layer();
18
secondLayer.addChild(secondCircle);
19
20
// Adds the star below the circle.
21
secondLayer.addChildAt(secondStar, 0);
22
secondLayer.translate(150, 0);