How to apply canvas animations with react and konva?

Konva itself has two methods for animations: Tween and Animation. You can apply both of them to nodes manually.

For simple use cases we recommend to use the node.to() method. For more complex animations take a look at the Complex react-konva animation demo.

The demo is using the refs API to access shape instances directly.

Instructions: Try to move a rectangle.

Enjoying Konva? Please consider to support the project.