Fatal编程技术网
  • javascript/
  • Javascript 如何重新创建Fabric.js画布？

Javascript 如何重新创建Fabric.js画布？

javascript json canvas

Javascript 如何重新创建Fabric.js画布？,javascript,json,canvas,fabricjs,Javascript,Json,Canvas,Fabricjs,我有一个网站，用户可以在Fabric.js画布中移动图像。我想在更大的画布上重现他们的“设计”，所以我的问题是；使用原始画布中的变量重新创建画布有哪些不同的方法 现在我正在使用JSON.stringify（canvas）返回数据，但这并不理想，因为我必须再次复制粘贴变量，它看起来是这样的：键入“：”image“，”originX“：”center“，”originY“：”center“，”left“：”135“，”top“：”259“。关于如何做到这一点的任何建议，或者是JSON.stringi

我有一个网站，用户可以在Fabric.js画布中移动图像。我想在更大的画布上重现他们的“设计”，所以我的问题是；使用原始画布中的变量重新创建画布有哪些不同的方法

现在我正在使用
JSON.stringify（canvas）
返回数据，但这并不理想，因为我必须再次复制粘贴变量，它看起来是这样的：
键入“：”image“，”originX“：”center“，”originY“：”center“，”left“：”135“，”top“：”259“
。关于如何做到这一点的任何建议，或者是
JSON.stringify（canvas）canvas.toJSON（）
方法创建第一个画布对象和属性的json对象，然后使用

canvas.loadFromJSON（“您的json对象”）方法

使用上述方法将对象加载到画布后，调用
canvas.renderAll（），您应该看到新画布包含原始画布中的所有对象

您可以通过向toJSON（）方法传递一个属性名数组来选择要存储在json对象中的属性，文档可在此处找到：


“。但这并不太理想，因为我必须再次复制粘贴变量”-你这是什么意思？@kangax当你不忙于编辑每一篇文章中的f到f时，为什么不检查你自己问题的答案？只是说：…-）@KenFyrstenberg哈哈，我知道，我知道：）我一直想深入研究你的答案，但却被其他事情缠住了。希望今天！