我是新手使用这个工具,我有这个问题。我想更新文本点击按钮,所以我有这个:
<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!");
});
但它不起作用,我得到这个结果:
之前:
之后:
多次单击按钮:
我想得到这个结果:
我希望得到你的帮助。
1条答案
按热度按时间46scxncf1#
最后我解决了: