Kinetic JS Text

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 simpleText = new Kinetic.Text({
    x: 190,
    y: 15,
    text: "Hello World",
    fontSize: 30,
    fontFamily: "Calibri",
    textFill: "green"
});
     
layer.add(simpleText);
stage.add(layer);