Javascript 在Fabric JS中重置字体大小

Javascript 在Fabric JS中重置字体大小,javascript,canvas,fabricjs,Javascript,Canvas,Fabricjs,我正在尝试更改画布中文本的字体大小。我尝试了下面的选项,但它不能正常工作。假设我使用控制选项放大了文本,然后如果我应用了字体大小,它就不起作用了 var canvas=newfabric.canvas('a'); var add_text=new fabric.IText('Hello World',{ 左:50,, 前50名, 尺寸:20, }); canvas.add(添加文本); canvas.renderAll(); $('.manage_font_size')。更改(函数(){ va

我正在尝试更改画布中文本的字体大小。我尝试了下面的选项,但它不能正常工作。假设我使用控制选项放大了文本,然后如果我应用了字体大小,它就不起作用了

var canvas=newfabric.canvas('a');
var add_text=new fabric.IText('Hello World',{
左:50,,
前50名,
尺寸:20,
});
canvas.add(添加文本);
canvas.renderAll();
$('.manage_font_size')。更改(函数(){
var cur_value=$(this.val();
如果(当前值!='')
{
var activeObj=canvas.getActiveObject();
//检查是否选中了文本
if(activeObj==未定义)
{
警报(“请选择一个文本”);
返回false;
}
activeObj.set({
fontSize:cur_值
});
canvas.renderAll();
}
});
画布{
边框:2件纯黑;
}

选择
10像素
20像素
30像素
40像素

您可以将
scaleX
scaleY
重置回1,以消除大小更改,然后应用
fontSize

var canvas=newfabric.canvas('a');
var add_text=new fabric.IText('Hello World',{
左:50,,
前50名,
尺寸:20,
});
canvas.add(添加文本);
canvas.renderAll();
$('.manage_font_size')。更改(函数(){
var cur_value=$(this.val();
如果(当前值!='')
{
var activeObj=canvas.getActiveObject();
//检查是否选中了文本
if(activeObj==未定义)
{
警报(“请选择一个文本”);
返回false;
}
activeObj.set({
scaleX:1,
斯卡利:1,
fontSize:cur_值
});
canvas.renderAll();
}
});
画布{
边框:2件纯黑;
}

选择
10像素
20像素
30像素
40像素

您可以这样做进行检查:首先选择文本并使其变大,然后更改字体大小。我试图设置字体大小,但它看起来像是从对象的当前字体大小中添加或减去字体大小。