html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

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

stage.path()

.moveTo(stage.width() / 2, 0)

.lineTo(stage.width() / 2, stage.height());

stage.text(20, 0, "Stretch image");

stage.rect(2, 18, stage.width() / 2 - 4, stage.height() - 22)

.fill({

    src: "https://static.anychart.com/images/kitty.png",

    mode: "stretch"

})

.stroke("1 #000");

stage.text(stage.width() / 2 + 20, 0, "Pattern image");

stage.rect(stage.width() / 2 + 2, 18, stage.width() / 2 - 4, stage.height() - 22)

.fill({

    src: "https://static.anychart.com/images/kitty.png",

    mode: "tile"

})

.stroke("1 #000");