使用kineticjs将可编辑的文本图层添加到画布

Question

我在将输入框中的文本添加到画布时遇到了一些麻烦，我已经成功添加了另一个图层，但是我的文本似乎没有添加到画布中，我感到困惑的是为什么不。

我添加了JSfiddle个链接，

非常感谢任何帮助，

梅丽莎

        $("#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();

    });