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