Kinetic js 中的可编辑文本选项

我想添加Textbox或可编辑元素，为用户提供编辑文本的选项。

这是我当前的代码：

var text = new Kinetic.Text({
        text: "Sample Text", ---> i want to edit this text 
        x: 50,
        y: 10,
        fill: "transparent",
        fontSize: 10,
        fontFamily: "Helvetica Neue",
        textFill: "#000",
        align: "center",
        verticalAlign: "middle",
        name:'TEXT'
    });

目前似乎没有任何方法可以使用 Kinetic JS 创建可编辑文本（请参阅 stackoverflow 上有关此问题的几个线程），有些人建议使用画布旁边的输入字段来编辑文本，但我的解决方案是下列的：

• 使用您的代码创建文本
• 在文本上单击 [text.on("click", function...]，在鼠标光标处创建一个输入字段

嗯，这就是计划。也许使用“保存”按钮文本到输入字段更容易，因此您确切地知道何时关闭它以及何时将输入字段数据存储到 Kinetic 文本。如果您不想编辑它，您还需要一个“关闭”功能。

一个非常简单的解决方案也是一个简单的 JavaScript 提示：

var xy = prompt("gimme your text");

所以，恕我直言，这样的事情将是最好的解决方案：

myText.on('click', function(evt) {
    this.setText(prompt('New Text:'));
    layer.draw(); //redraw the layer containing the textfield
});