Kinetic JS Rectangle
HTML
<div id="container" style="border: 1px solid black"></div>
CSS
canvas {
border: 1px dotted black
}
JavaScript
var stage = new Kinetic.Stage({
container : 'container',
width: 578,
height: 200
});
var layer = new Kinetic.Layer();
var rect = new Kinetic.Rect({
x: 10,
y: 10,
width: 100,
height: 50,
fill: 'green',
stroke: 'black',
strokeWith: 4
});
layer.add(rect);
stage.add(layer);