Kinetic JS Circle

by bighostkim

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.Circle({
    x: stage.getWidth() / 2,
    y: stage.getHeight() / 2,
    radius: 70,
    fill: 'green',
    stroke: 'black',
    strokeWith: 4
});

layer.add(rect);

stage.add(layer);