How to cache canvas shapes with Svelte

If you want to cache a node in a Svelte app, you need to have an access to Konva node and use node.cache() function.

To get access to a node you can use the handle prop. See Konva Node for more information.

Instruction: try to drag whole stage. Then try again with cached group.

You should see much better performance.

Enjoying Konva? Please consider to support the project.