我正在开发一个基于画布的项目。我使用的是面料js版本1.7.22。目前我的所有图像和数据都来自服务器通过API调用。但是我的一些功能使得画布中的图像在服务器中不存在。
现在我通过保存按钮将画布保存到服务器中,那时,我只是将该图像上传到服务器上。
当卡(设计)再次加载进行编辑时,我只需加载该图像即可动态修改。
当用户再次保存卡(设计)时,此时我首先检查是否修改了以重新编辑状态加载的图像。如果是,则用新的替换旧图像,如果是,则将其他卡(设计)属性保存到服务器中。
现在来到主要观点。
作为自动保存功能的要求,我需要优化我的API调用和请求中发送的数据。
我通过json将数据发送到服务器。如果只有json是在API中发送的那么它没关系,但是当上传新的修改后的图像时,那时API需要更多的负载。
是否有任何提示,以便我只能在画布更新时上传我的图像,但是当用户返回画布历史(撤消重做功能)或不需要上传图像时,我无法上传图像。
我很困惑,我们如何实现自动保存功能lightWeight和简单的方法。
请尽可能帮助我。
我建议在服务器端使用node-canvas节点,因为fabricjs支持它(参见fabricjs on node)。这样,您只需上传json并使用fabricjs在服务器端呈现结果。