KineticJS Hexagon

by bighostkim

HTML

<div id="container"></div>

JavaScript

var stage = new Kinetic.Stage({
    container: 'container',
    width: 578,
    height: 200
});

var layer = new Kinetic.Layer();

var hexagon = new Kinetic.RegularPolygon({
    x: stage.getWidth() / 2,
    y: stage.getHeight() / 2,
    sides : 6,
    radius: 70,
    fill: "#00d2ff",
    stroke: "black",
    strokeWidth: 5
});

layer.add(hexagon);
stage.add(layer);