html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

var stage = acgraph.create('container');

​

var greenRectangle = stage.rect(1, 1, 200, 200);

greenRectangle.stroke('1 #4CAF50');

​

var simpleLayer = stage.layer();

simpleLayer.translate(30, 20);

​

var blueRectangle = simpleLayer.rect(1, 1, 200, 200);

blueRectangle.stroke('1 #2196F3');

​

var greyRectangle = simpleLayer.rect(10, 10, 100, 40);

greyRectangle.fill('#BDBDBD');

greyRectangle.rotate(10);

greyRectangle.translate(50, 30);

​

// Get absolute X of the rectangle.

var absoluteX = greyRectangle.getAbsoluteX();

​

var simpleText = stage.text();

simpleText.text('Absolute X is ' + absoluteX);

simpleText.x(20);

simpleText.y(1);