【发布时间】: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 canvascanvas.loadFromJSON(value, function(obj) { canvas.renderAll(); });从 Canvas 中获取 JsonJSON.stringify(canvas.toJSON([]));