如何自动保存画布?

时间:2019-03-20 10:30:53

标签: javascript canvas save fabricjs auto

我正在做一个基于画布的项目。我正在使用Fabric js版本1.7.22。 目前,我的所有图像和数据都是通过API调用来自服务器的。 但是我的一些功能可以使画布中的图像在服务器中不存在。

现在,我通过“保存”按钮将该画布保存到服务器中,当时,我只是将该图像上传到服务器上。

然后再次加载card(design)进行编辑时,我只加载了该图像,并且可以对其进行动态修改。

当用户再次保存卡片(设计)时, 当时我首先检查是否修改了以重新编辑状态加载的图像。如果是,则将旧图像替换为新图像,如果否,则将其他卡(设计)属性保存到服务器中。

现在到重点了。

根据自动保存功能的要求,我需要优化API调用和在请求中发送的数据。

我通过json将数据发送到服务器。如果仅在API中发送json,则可以,但是在上传新的修改后的图片时,API会承担更多的负载。

是否有提示,使我能够仅在画布中更新时上传我的图像,而当用户返回画布历史记录(撤消重做功能)或不需要上传图像时却不上传图像。

我很困惑,我们如何实现轻便轻巧的自动保存功能。

请帮助我。

1 个答案:

答案 0 :(得分:2)

我建议在服务器端将节点与node-canvas一起使用,因为fabricjs支持它(请参阅fabricjs on node)。这样,您只需上传json并使用fabricjs在服务器端呈现结果。