using fabric.js, увеличить шрифт Размер текста холста при нажатии кнопки

Question

Я использую fabric.js для работы на холсте. Я создал текст на холсте. Теперь, при нажатии кнопки я хочу увеличить размер шрифта.

canvas.set({fontSize,40}); 

не работает? любой другой метод .И создали скрипку пожалуйста Check

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

canvas.add(text); 

document.getElementById('textinput').addEventListener('change', function (e) { 
    var obj = canvas.getActiveObject(); 

    if (!obj) return; 

    obj.setText(e.target.value); 
    canvas.renderAll(); 
}); 

document.getElementById('btn').addEventListener('click', function (e) { 
    var obj = canvas.getActiveObject(); 

    alert('button clicked'); 
    if (!obj) return; 

    obj.set(fontSize,40); 
    canvas.renderAll(); 
}); 

Answer 1

Вот рабочий код,

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

Answer 2

Прежде всего, я был в состоянии сделать эту работу за счет изменения

obj.set('fontSize',40); 

до

obj.setFontSize(40); 

Во-вторых, я думаю, что это не изменение размера шрифта вашего объекта при его изменении, но его scaleX и scaleY. Надеюсь это поможет.