use*_*869 3 javascript json canvas fabricjs
我有一个网站,用户可以在其中在 Fabric.js 画布中移动图像。我希望能够在更大的画布上重新创建他们的“设计”,所以我的问题是;使用原始变量重新创建画布有哪些不同的方法?
现在即时通讯使用JSON.stringify(canvas);取回数据,但它不是一个真正理想的,因为我接下来要再次复制粘贴的变量,它看起来像这样:type":"image","originX":"center","originY":"center","left":135,"top":259,"。关于如何做到这一点的任何建议,或者是JSON.stringify(canvas);然后复制粘贴所有数据最简单?
小智 5
使用该canvas.toJSON()方法创建第一个画布对象和属性的 json 对象,然后使用
canvas.loadFromJSON("your json object"); 方法。
使用上述方法将对象加载到画布中后,调用canvas.renderAll();,您应该会看到新画布包含原始画布中的所有对象。
您可以选择通过将属性名称数组传递给 toJSON() 方法来选择要存储在 json 对象中的属性,文档可以在这里找到:
http://fabricjs.com/docs/fabric.Canvas.html#toJSON