Javascript 使用kineticjs向画布添加可编辑文本层

我在将输入框中的文本添加到画布中时遇到了一些问题，我成功地添加了另一层，但是我的文本似乎没有添加到画布中，我对为什么不添加感到困惑

我加入了一个链接

任何帮助都将不胜感激

梅丽莎

        $("#addbutton").click(function () {

                    // simple label
        var label = new Kinetic.Label({
            x: 20,
            y: 20,
            draggable: true
        });

        label.add(new Kinetic.Tag({
            fill: 'green'
        }));

        label.add(new Kinetic.Text({
            text: $("#newtext").val(),
            fontFamily: 'Verdana',
            fontSize: 18,
            padding: 10,
            fill: 'white'
        }));

        textLayer.add(label);

        textLayer.draw();

    });