在面料js上的字体应用问题

时间:2018-02-22 14:10:41

标签: javascript jquery fabricjs

我创建了画布,用户可以在其中添加文本并更改字体样式。如果您为一个特定的文本/对象应用字体样式,它的工作正常。

代码

https://codepen.io/dhavalsisodiya/pen/OQEzVE

更改字体样式的代码

$("#font_change").change(function(){
    var font_style = $(this).val();
    if(font_style=='')
    {
        alert('Please select a Font Style');
        return false;
    }
    var tObj = canvas.getActiveObject();
    //Check that text is selected
    if(tObj==undefined)
    {
        alert('Please select a Text');
        return false;
    }
    tObj.set({
        fontFamily: font_style
    });
    canvas.renderAll();
});

要重现此问题,请按照以下说明操作:

  1. 使用“添加文字”按钮添加文字
  2. 现在更改字体样式(即选择Comic Sans)
  3. 现在将该文字拖到其他地方
  4. 使用“添加文字”按钮添加其他文字
  5. 应用字体样式(即选择Garamond)
  6. 从画布中复制/剪切该文字
  7. 转到第一个添加的文本(步骤1,单击该文本)并放置 复制文本
  8. 现在上面的2个文本合并为一个,所以现在更改字体     风格(即快递新)
  9. 现在您可以看到字体样式仅适用于我们使用步骤1添加的第一个文本,而不适用于我们稍后合并到第一个文本中的其他文本(请查看下面的ss)。 enter image description here

    那么如何解决这个问题呢?

    注意:Fabric版本2.0.0-beta.7

0 个答案:

没有答案