Javascript 使用fabric.js,增加单击按钮时画布文本的字体大小

Javascript 使用fabric.js,增加单击按钮时画布文本的字体大小,javascript,jquery,html,css,fabricjs,Javascript,Jquery,Html,Css,Fabricjs,我正在使用fabric.js在画布上工作。我已经在画布上创建了文本。现在,单击按钮,我想增加字体大小 canvas.set({fontSize,40}); 这不管用吗?任何其他方法。我已经创建了小提琴请 这是一个工作代码 var canvas = window._canvas = new fabric.Canvas('c'); var text = new fabric.Text('Sample', { left: 100, top: 100, fontSize: 80, fi

我正在使用fabric.js在画布上工作。我已经在画布上创建了文本。现在,单击按钮,我想增加字体大小

canvas.set({fontSize,40});
这不管用吗?任何其他方法。我已经创建了小提琴请


这是一个工作代码

var canvas = window._canvas = new fabric.Canvas('c');
var text = new fabric.Text('Sample', {
  left: 100,
  top: 100,
  fontSize: 80,
  fill: 'navy'
});

canvas.add(text);
document
  .getElementById('btn')
  .addEventListener('click', function (e) {
    canvas.getActiveObject().set("fontSize", "30");
    canvas.renderAll();   
  });

首先,我能够通过改变

obj.set('fontSize',40);


其次,我认为当你调整对象的大小时,改变的不是对象的字体大小,而是它的
scaleX
scaleY
。希望这能有所帮助。

改变这一点,因为fontsizeobj.set(fontSize,40)未执行,程序在此之前停止。我正在使用Fabric 4.3.0,第二个选项对我不起作用。
obj.set('fontSize',40);
obj.setFontSize(40);