Question

我正在使用fabric.js，我使用了像这样的fabric.Text类：

var text = new fabric.Text('hello world', {
    fontSize: 30,
    left:190,
});
var circle = new fabric.Circle({
    radius: 100,
    fill: '#eef',
    scaleY: 0.5
});
var group = new fabric.Group([ text, circle ], {
    left: 150,
    top: 100,
    angle: -10
});

canvas.add(rect1, rect2, rect3, circle, triangle,group);
canvas.on({
    'object:moving': onChange,
    'object:scaling': onChange,
    'object:rotating': onChange,
});

function onChange(options) {
    options.target.setCoords();
    canvas.forEachObject(function(obj) {
        if (obj === options.target)
            return;
        obj.setOpacity(options.target.intersectsWithObject(obj) ? 0.5 : 1);
    });
}

主要问题是我无法动态修改文本类的文本值。我怎么修改它？

Answer 1

尝试使用text.set({ text: 'New Text' });

问候。

如何动态修改fabric.js中文本类的值和字体？

1 个答案: