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 greenRectangle = stage.rect(1, 1, 200, 200);
4
greenRectangle.stroke('1 #4CAF50');
5
6
var simpleLayer = stage.layer();
7
simpleLayer.translate(30, 20);
8
9
var blueRectangle = simpleLayer.rect(1, 1, 200, 200);
10
blueRectangle.stroke('1 #2196F3');
11
12
var greyRectangle = simpleLayer.rect(10, 10, 40, 40);
13
greyRectangle.fill('#BDBDBD');
14
greyRectangle.rotate(20);
15
greyRectangle.translate(50, 30);
16
17
// Gets absolute bounds of the rectangle.
18
var absoluteBounds = greyRectangle.getAbsoluteBounds();
19
20
var secondGreyRectangle = simpleLayer.rect();
21
secondGreyRectangle.fill('#BDBDBD');
22
secondGreyRectangle.translate(50, 30);
23
secondGreyRectangle.setBounds(absoluteBounds);