【问题标题】:Fabric Js i-text chopped/cuts last words of text when using custom fontFabric Js i-text在使用自定义字体时会切掉/剪切文本的最后一个单词
【发布时间】:2019-12-22 14:14:18
【问题描述】:

我正在使用 Fabric Js 2.7.0 版本,我正在制作一个文本编辑器,用户可以在其中添加/更新新文本并为该文本选择自定义字体。

当用户保存他的更改时,我正在从 canavs 生成 json 并将其存储在 DB 中但问题是当我们在画布编辑器中加载相同的 json 时,文本剪切/切碎的最后几个单词。

var Addtext = function() { canvas.add(new fabric.IText('Click to edit text', { left: canvasWidthCenter, top: canvasHeightCenter, fontFamily: "myriad pro", fill: "#fff", fontSize: "50", originX: "center", originY: "center",

}));

};

【问题讨论】:

  • 你在使用toJSON()loadFromJSON()吗?你能提供更多代码来说明什么不起作用吗?
  • @shkaper 我正在使用 toJSON() 获取画布的 json 以保存并 loadFromJSON() 在画布中重新加载示例代码:加载 json canvas canvas.loadFromJSON(value, function(obj) { canvas.renderAll(); }); 从 Canvas 中获取 Json JSON.stringify(canvas.toJSON([]));

标签: canvas fabricjs


【解决方案1】:

我实现了https://github.com/fabricjs/fabric.js/issues/2612 中提到的补丁,它解决了我的问题。

【讨论】:

    猜你喜欢
    • 2021-12-07
    • 2016-07-07
    • 2023-04-09
    • 2012-12-02
    • 1970-01-01
    • 1970-01-01
    • 2023-01-13
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多