javascript - FabricJs:从数据库重新加载 Canvas 时，正在裁剪部分分组对象

Question

我遇到了一个问题，在重新加载组对象后，它被裁剪并且对象的某些部分没有出现。
所以这是将多个对象组合在一起后的对象...

在我保存数据并重新加载后，相同的对象会像这样加载......

因为我很久以前写过这段代码，而且它很复杂，所以我现在不确定要分享什么代码。我只是在寻找可能发生此问题的大致方向。
基本上，这是我保存到数据库的 json 数据......

var json = JSON.stringify(canvas.toDatalessJSON(['id', 'groupId', 'componentType', 'diametre', 'objectHeight', 'resizable', 'locked', 'view', 'info', 'pathName','color', 'shape', 'opacity', 'system', 'svgUid', 'format', 'filters', 'tags']));

这就是我加载它的方式......

canvas.loadFromDatalessJSON( this.props.canvasJson, canvas.renderAll.bind(canvas), function(o, object) 

任何有关在哪里寻找问题的帮助将不胜感激。
提前致谢。

Answer 1

我终于找到了问题所在。
我需要将“objectCaching”作为属性添加到 canvas.toDatalessJSON()，以便在重新加载 Canvas 时，对象的 objectCaching 设置为 false。

var json = JSON.stringify(canvas.toDatalessJSON(['id', 'groupId', 'componentType', 'diametre', 'objectHeight', 'resizable', 'locked', 'view', 'info', 'pathName','color', 'shape', 'opacity', 'system', 'svgUid', 'format', 'filters', 'tags', 'objectCaching']));