加载JSON后，Fabric.js路径不可见

Question

我的应用程序适用于非常旧版本的fabric.js，但我正在努力使其与Fabric 1.4一起使用

我想使用freedraw功能在画布上绘制，序列化画布，然后从JSON反序列化并加载画布。

当我加载序列化数据时，使用canvas.loadFromJSON（// myJson）; ，该路径不会出现在画布上。但是，当我单击画布时，路径将变为可见。只要再次加载JSON，路径就会消失。 （这是使用从画布自由绘制创建的路径）。

然而，当我从fabric.js教程加载圆形和矩形时，对象在加载时立即可见（就像我希望它们一样）。我不明白为什么这些对象在加载时会起作用，但是自由绘制的数据却没有。

这是问题的实时版本。数据每7秒加载一次。单击画布以使路径可见。 http://drawfabric.meteor.com/

这是我这个问题的git存储库 https://github.com/mattlam/drawFabric/blob/master/client/freedraw-fabric.coffee

Answer 1

您需要在canvas.renderAll()之后调用canvas.renderTop()或loadFromJSON来更新画布。

单击画布时会调用renderAll / renderTop。