html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

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

​

var fillSettings = {

    keys: [".1 red", ".5 green", ".9 blue"],

    angle: -45,

    mode: acgraph.math.Rect(150, 70, 100, 50),

    opacity: .2

};

stage

.rect(0, 0, stage.width(), stage.height())

.fill(fillSettings);

fillSettings.opacity = 1;

stage.text(20, 3, "shape 1");

stage.rect(20, 20, 100, 70).fill(fillSettings);

stage.text(60, 125, "shape 2");

stage.rect(60, 140, 70, 50).fill(fillSettings);

stage.text(270, 73, "shape 3");

stage.rect(270, 93, 100, 100).fill(fillSettings);

stage.text(150, 53, "fill settings");

stage

.rect(150, 70, 100, 50).stroke("3 black")

.fill(fillSettings);