javascript - Fabrics.js - 当 JSON 包含类型 'shape' 的项目时,loadFromJSON() 失败

标签 javascript fabricjs

我目前正在使用 fabrics.js 开发名片设计平台。

我正在尝试实现自动保存功能,通过在浏览器缓存中保存和恢复设计数据来防止用户丢失工作。

所以我使用了Fabrics.js Canvas对象的loadFromJSON()来恢复设计数据。

但是当我尝试从 JSON 恢复 shape 项目时,出现以下错误。

未捕获类型错误:无法读取未定义的属性“async”

以下是我的 fiddle 来测试这一点。我已在 javascript 中嵌入了原始 JSON。

https://jsfiddle.net/asgriksen/mhf2kqzo/14/

谢谢。

最佳答案

索引 4 处的对象是 shape 类型的对象。没有该类型的结构对象。我假设您为该对象创建了一个自定义类?

如果是这样,您需要将其添加到 Fabric 中,以便在尝试从 json 重建该对象时可以找到它。假设您在名为 Shape 的变量中有一个新的织物形状类,其中链接到的数据已设置为 shape 类型,您只需将其添加到织物中即可这个

fabric.Shape= Shape;
fabric.Shape.async = false;

现在,当您加载数据时,fabric 应该能够找到该类。

如果您仍然有问题,我建议在 jsfiddle 中包含更多代码。

关于javascript - Fabrics.js - 当 JSON 包含类型 'shape' 的项目时,loadFromJSON() 失败,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40184570/

相关文章:

javascript - 如何在fabricjs中获取缩放后的图像数据

javascript - 缩放 fabric.js Canvas 对象

javascript - 我可以在 Fabric.js 中创建更复杂的形状吗?

javascript - 如何比较javascript中对象的两个内部数组

javascript - 我无法在我的 React Native 上使用 apploading。它不会正常工作

javascript - 对象的自定义属性在 Canvas 中被清除为 json

javascript - Fabric.js 直接从 JSON 到 PNG

javascript - 如何通过与 jQuery 集成来检查 TempData 是否为空?

javascript - gzip javascript 文件传输到浏览器更快?

javascript - 如何在离开网站前在 "WordPress menu"上显示一个 javascript 确认框