在画布上添加文字后更改文字 [英] change text once it is added on canvas

问题描述

在fabric-js中，我制作了Rect和文本字段组，然后将其添加到画布中。我正在使用以下代码，但是如果在画布中添加文本字段，我可以更改文本字段的文本。

In fabric-js, i am making Group of Rect and text field and then adding it to the canvas. i am using following code , but can i change the Text of text field once it is added in canvas .

我已经使小提琴请检查，

I have made Fiddle Please Check,

http://jsfiddle.net/HAb4N/ 5 /

var canvas = new fabric.Canvas('c');

var Bar = new fabric.Text('Bar', {selectable: false, top: 50, left: 10});


var rect = new fabric.Rect({width: 100, height: 100, left: 100, top: 100, fill: 'red'});
var group = new fabric.Group([rect, Bar], {selectable: true, top: 50, left: 100});
canvas.add(group);

canvas.renderAll();

$(document).click(function(e) {
    console.log('click');
    console.log('ActiveObject', canvas.getActiveObject());
    console.log('ActiveGroup', canvas.getActiveGroup());
    Bar.set('Text','Selectedoooooooo');
});

推荐答案

这适用于我：

Bar.setText("my_text");
canvas.renderAll();

这篇关于在画布上添加文字后更改文字的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！