开启'添加文字'按钮单击下面的功能在画布上添加文字 -
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
时,容器未调整为新的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');
}
}
行为不对: