Question

如何通过jquery在画布中保存添加的对象？具有所有属性

{
   translate: '';
   x: '';
   y: ''; 
   style: ''; 
   width: ''; 
   height: ''; 
   xlink href: ''; 
   preserveAspectRatio: '';
}

Answer 1

jQuery不会帮助你做到这一点。

当您开始使用结构时，您可以在整个结构画布对象上调用.toObject()以获取结构画布的完整状态，或者您可以在任何一个结构对象上调用.toObject()从该对象获取数据。

如果您拥有整个画布的数据并想要替换现有画布或启动新画布，则可以使用结构画布对象上的.loadFromJSON(yourDataHere)。

如果您只想要添加到现有画布的单个对象的数据，可以使用fabric.util.enlivenObjects(arrayOfObjectData, callbackFunction)添加它，该{{1}}希望传入每个对象的数据数组，然后传入一个回调函数，它将传递重新创建的对象，然后您可以将其添加到任何结构画布。

Answer 2

You can try something like this 

var json = canvas.toJSON();
alert(JSON.stringify(json));
canvas.loadFromJSON(json, function() {
    canvas.renderAll();
});

Fabric js，如何保存数据

2 个答案: