我正在从事一个基于 Canvas 的项目。我正在使用 fabric js 版本 1.7.22。 目前我所有的图像和数据都是通过API调用来自服务器的。 但是我的一些功能在服务器中不存在的 Canvas 中生成图像。
现在我通过保存按钮将该 Canvas 保存到服务器，那时，我只是将该图像上传到服务器。
当 card(design) 再次加载进行编辑时，我只加载该图像，它可以动态修改。
当用户再次保存卡片(设计)时， 当时我首先检查是否修改了重新编辑状态下加载的图像。如果是，则用新图像替换旧图像，如果否，则将其他卡片(设计)属性保存到服务器中。
现在进入重点。
作为自动保存功能的要求，我需要优化我的 API 调用和请求中发送的数据。
我通过 json 将数据发送到服务器。如果只在 API 中发送 json 则没问题，但是当上传新的修改后的图像时，此时 API 会承担更多负载。
是否有任何提示，以便我可以在仅在 Canvas 中更新时上传我的图像，但在用户返回 Canvas 历史记录(撤消重做功能)或不需要上传图像时不上传图像。
我很困惑，我们如何实现轻量级和简单的自动保存功能。
如果可能，请帮助我。
最佳答案
我建议将节点与 node-canvas 一起使用在服务器端，因为 fabricjs 支持它(参见 fabricjs on node )。这样，您只需上传 json 并使用 fabricjs 在服务器端呈现结果。
关于javascript - 如何自动保存 Canvas ？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55258606/