jquery 如何在Fabric JS IText中单击按钮更新文本?

sf6xfgos  于 2023-03-07  发布在  jQuery
关注(0)|答案(1)|浏览(126)

我是新手使用这个工具,我有这个问题。我想更新文本点击按钮,所以我有这个:

<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!");
});

但它不起作用,我得到这个结果:

之前:

之后:

多次单击按钮:

我想得到这个结果:

我希望得到你的帮助。

46scxncf

46scxncf1#

最后我解决了:

text1.setText( "Hello!" );
canvas.renderAll();

相关问题