拖放后保存 HTML5 画布的状态等

Posted 2023-03-05

【中文标题】拖放后保存 HTML5 画布的状态等

【英文标题】：Saving the state of HTML5 canvas after drag and drop.etc

【发布时间】：2012-04-13 21:26:04

【问题描述】：

我像设计工作室一样创建它，它具有不同的功能，如拖放、调整大小、文本、字体等。 示例：用户选择一个图像，然后在其上添加一些图形，然后在其上添加文本，，。 是我可以保存会话的任何方式，如果用户稍后恢复它.. 他得到了他离开的方式。 我不需要画布的 jpeg 图像.. 我需要保存状态，以便用户以后可以操作它.. 可能吗？ 我已经为此使用了动力学 js，所以如果有人有任何想法，请帮助/

谢谢

【问题讨论】：

看看fabric.js，它允许序列化画布的整个状态（以它自己的基于对象的格式），然后恢复它。

实际上 M 现在正试图理解它..但是为此我必须使用 Fabric.js 重做我的整个应用程序..而且 Fabric.js 的示例还不够多..我可以'找不到任何可以帮助我理解所需功能的示例

【参考方案1】：

是的，KineticJS 将在本周末发布序列化和反序列化 :)

var json = stage.toJSON();

和

stage.load(json);

干杯！

【讨论】：

跟进这个线程 - KineticJS 从 v3.9.2 开始支持序列化。干杯！