如何自动保存画布？

Question

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

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

当 card(design) 再次加载进行编辑时，我只加载该图像，它可以动态修改。

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

现在进入重点。

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

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

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

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

如果可能，请帮助我。

Answer 1

我建议在服务器端使用带有node-canvas 的节点，因为fabricjs 支持它（参见fabricjs on node）。这样，您只需上传 json 并使用 fabricjs 在服务器端呈现结果。