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, 100, 40);
13
greyRectangle.fill('#BDBDBD');
14
greyRectangle.rotate(10);
15
greyRectangle.translate(50, 30);
16
17
// Gets absolute height of the rectangle.
18
var absoluteHeight = greyRectangle.getAbsoluteHeight();
19
20
var simpleText = stage.text();
21
simpleText.text('Absolute height is ' + absoluteHeight);
22
simpleText.x(5);
23
simpleText.y(1);