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);