Javascript 如何自动保存画布？

我在一个基于画布的项目上工作。我使用的是fabric js版本1.7.22。 目前我所有的图片和数据都是通过API调用从服务器上获取的。 但我的一些功能在画布中生成了服务器中不存在的图像

现在我通过“保存”按钮将画布保存到服务器上，那个时，我只需将该图像上传到服务器上

当卡片（设计）再次加载进行编辑时，我只加载该图像，它可以动态修改

当用户再次保存卡片（设计）时， 那个时，我首先检查在重新编辑状态下加载的图像是否被修改。如果是，则用新图像替换旧图像，如果不是，则只需将其他卡（设计）属性保存到服务器中

现在来谈谈要点

作为自动保存功能的需求，我需要优化API调用和请求中发送的数据

我通过json将数据发送到服务器。若在API中只发送json，那个么它是可以的，但当上传新修改的图像时，API会承担更多的负载

是否有任何提示，以便我能够在仅在画布中更新时上载我的图像，但在用户返回画布历史时不上载图像（撤消重做功能），或者不需要上载图像

我很困惑，我们如何实现自动保存功能轻量级和简单的方式

---

如果可能，请帮助我。

我建议在服务器端使用node with，因为fabricjs支持它（请参阅）。这样，您只需上传json并使用fabricjs在服务器端呈现结果