我正在尝试在服务器上保存涉及图像的画布状态,然后在稍后阶段检索状态。我正在使用 KineticJS 库。我通过使用 stage.toJSON() 保存状态,然后使用 stage2.load() 重新创建它,但是从 stage.toJSON 创建的结果 JSON 不包含与图像相关的任何数据,随后 stage2 具有除图像之外的所有形状不明确的。
应该做些什么来使 json 包含图像数据?
我正在尝试在服务器上保存涉及图像的画布状态,然后在稍后阶段检索状态。我正在使用 KineticJS 库。我通过使用 stage.toJSON() 保存状态,然后使用 stage2.load() 重新创建它,但是从 stage.toJSON 创建的结果 JSON 不包含与图像相关的任何数据,随后 stage2 具有除图像之外的所有形状不明确的。
应该做些什么来使 json 包含图像数据?
toJSON() 生成的 JSON 具有图像对象的占位符。图像本身不是该 json 字符串的一部分。据我了解,您需要分别管理图像的保存和恢复。看这个例子
http://www.html5canvastutorials.com/kineticjs/html5-canvas-load-complex-stage-with-kineticjs/
本质上,加载所有内容,从渲染数据中获取图像的占位符并设置图像。
我有一个类似的问题..
JSON 不加载图像,您将不得不再次调用它们..由于安全问题和所有..
但是您可以在图像加载器函数中添加一个 src 属性...
并使用 stage.load(json) 重新加载舞台
试试这个 js fiddle .. 这肯定会有所帮助:http: //jsfiddle.net/sKymY/
问候