如何自动保存画布?

问题描述 投票:1回答:1

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

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

当卡(设计)再次加载进行编辑时,我只需加载该图像即可动态修改。

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

现在来到主要观点。

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

我通过json将数据发送到服务器。如果只有json是在API中发送的那么它没关系,但是当上传新的修改后的图像时,那时API需要更多的负载。

是否有任何提示,以便我只能在画布更新时上传我的图像,但是当用户返回画布历史(撤消重做功能)或不需要上传图像时,我无法上传图像。

我很困惑,我们如何实现自动保存功能lightWeight和简单的方法。

请尽可能帮助我。

javascript canvas save fabricjs auto
1个回答
2
投票

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

© www.soinside.com 2019 - 2024. All rights reserved.