如何单击按钮更新 Fabric JS IText 中的文本？

Question

我是使用这个工具的新手，我遇到了这个问题。我想更新点击按钮的文本，所以我有这个：

<canvas id="xcanvas" width="200" height="400"></canvas>
<button type="button" id="set_text" class="btn btn-primary">set text</button>

我的代码：

var canvas = new fabric.Canvas('xcanvas');
var text1 = new fabric.IText("old", { 
    borderColor: '#eaeaea',
    cornerColor: '#eaeaea',
    cornerSize: 9,
    cornerStyle: 'circle',
    transparentCorners: false,
    lockUniScaling: false,
    fontFamily: 'Arial',
    fill: '#000',
    stroke: '#000',
    fontWeight:"normal",
    strokeWidth: 0,
    strokeUniform: true,
    id:92929
});

canvas.add(text1);

根据文档，我可以使用 removeChars() 和 insertChars() 删除和插入文本，所以我尝试了这个：

$("#set_text").click(function(){
  text1.removeChars(0, 1000);
  text1.insertChars("hello!");
});

但是它不起作用，我得到这个结果：

之前：

之后：

多次点击按钮：

我要得到这个结果：

我想得到你的帮助。