Saving and loading canvas with Vue and Konva

Get last news, demos, posts from Konva

How to serialize and deserialize Konva stage with Vue?

Pure Konva has special mechanizm to save/load full canvas stage with node.toJSON() and Node.create(json) functions.
See demo.

But we don’t recommend to use these methods if you are using vue-konva. In vue-konva you should have a state of the app defined in your vue components. That state maps into nodes with templates. To save/load full stage you just need to save/load state of the app and you don’t need to save Konva internals and nodes.