multiple layers

HTML

<script src="http://www.html5canvastutorials.com/libraries/kinetic-v4.3.2-beta.js"></script>
<div id="canvas"></div>

<script>
var stage = new Kinetic.Stage({
    container: 'canvas',
    width: 600,
    height: 600
});
var layer1 = new Kinetic.Layer();
box1 = new Kinetic.Rect({ x:0, y:0, fill:'red', width:300, height:250});
layer1.add(box1);

var layer2 = new Kinetic.Layer();
box2 = new Kinetic.Rect({ x:100, y:100, fill:'blue', width:300, height:250});
layer2.add(box2);

stage.add(layer1);
stage.add(layer2);

layer1.setZIndex(1);
</script>