2014-09-04 646 views
0

我與fabric.js工作,我已經使用了fabric.Text類是這樣的:如何動態修改fabric.js中文本類的值和字體?

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

的主要問題是,我不能動態修改文本類的文本值。我如何修改它?

回答

1

嘗試用text.set({ text: 'New Text' });

問候。