Layer performance

by blueshell

HTML

<script src="http://d3lp1msu2r81bx.cloudfront.net/kjs/js/lib/kinetic-v5.0.0.min.js"></script>
<div id='container'></div>

JavaScript

var stage = new Kinetic.Stage({
    container: 'container',
    width: 300,
    height: 300
});
var layer = new Kinetic.Layer();

var text = new Kinetic.Text({
   text: "Awesomeness in the broken",
   fontSize: 30,
   fontFamily: 'Calibri',
   fill: 'green'
});

var textImg;
var img = text.toImage({
    callback: function() {
        textImg = new Kinetic.Image({
            image: img
        });
        layer.add(textImg);
        stage.add(layer);
        stage.draw();
    }
});