当我在fabric.js中更改font-family时,文本容器不会自行调整

时间:2016-08-29 12:55:31

标签: javascript jquery text fabricjs

开启'添加文字'按钮单击下面的功能在画布上添加文字 -

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

工作正常:

One.png

在我们更改font-family时,容器未调整为新的font-family大小。

以下是用户从下拉列表中选择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');
    }
}

行为不对:

two.png

0 个答案:

没有答案