Javascript 在fabric.js中更改字体族时，文本容器不会自行调整

在“添加文本”按钮上，单击下面的函数在画布上添加文本-

jQuery('.addtext').click(function () {

  jQuery('.text_canvas-shape-size-container').css('display','block');

  previewPhotoCanvas(function(){
    var iText = new fabric.IText('Double click to edit text', {
        left: 70,
        top: 140,
        fontFamily: 'Hoefler Text',
        fontSize: 20,
        // fill: '#ff0000',
        //padding: 7,
    });

    canvas.add(iText);
    iText.center();
    iText.setCoords();
    if(for_color!="" && for_color!=undefined){
        iText.fill=for_color;
    }
    canvas.setActiveObject(iText);
    return;
  });  
}); 

它工作得很好：

更改

字体系列

时，容器未调整为新的

字体系列

大小

以下是用户从下拉列表中选择

font-family

后我正在使用的代码：

function setFont(font)
{
    var activeObject = canvas.getActiveObject();
    if (activeObject ) {
        activeObject.fontFamily = font;
        setTimeout(function(){
            canvas.renderAll();
        },1000);
        canvas.renderAll();
        jQuery('.dropdown-menu').slideToggle('200');
    } else {
        alert("Please click the text area first");
        jQuery('.dropdown-menu').slideToggle('200');
    }
}

这是不对的：

---

thx编辑保罗，你对这个问题有什么建议吗？你能找到解决办法吗？