跳到主要内容

使用 Svelte 和 Konva 保存及加载 Canvas

原生 Konva 可以使用 node.toJSON() 序列化节点树及其可序列化属性。它可以使用 Konva.Node.create(json) 恢复这些内容(参阅示例)。图像、事件处理函数和自定义绘制函数必须单独恢复。

使用 svelte-konva 时,请改为保存应用 state。state 必须包含舞台所需的数据。不要保存 Konva 内部数据和节点。

此示例在 localStorage 中保存和读取 JSON 数据。你可以使用其他存储方法。